@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');
:root{--bg:#0D1B3E;--bg2:#112244;--card:rgba(255,255,255,.04);--card2:rgba(255,255,255,.07);--gp:linear-gradient(135deg,#B8860B 0%,#9A7B2F 100%);--gt:linear-gradient(135deg,#B8860B 0%,#9A7B2F 100%);--ap:#B8860B;--as:#B8860B;--ag:#B8860B;--ab:#B8860B;--t1:#FFFFFF;--t2:#A0AEC0;--tm:#4A5568;--bs:rgba(184,134,11,.15);--glow:none;--fh:'Space Grotesk',sans-serif;--fb:'Inter',sans-serif;--tr:all .3s cubic-bezier(.4,0,.2,1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--bg);color:var(--t1);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit;transition:var(--tr)}
ul{list-style:none}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--ap);border-radius:3px}
.amb{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.08}
.o1{width:650px;height:650px;background:radial-gradient(circle,#B8860B,transparent);top:-200px;left:-150px;animation:fo 10s ease-in-out infinite}
.o2{width:500px;height:500px;background:radial-gradient(circle,#B8860B,transparent);top:35%;right:-150px;animation:fo 13s ease-in-out infinite 4s}
.o3{width:400px;height:400px;background:radial-gradient(circle,#B8860B,transparent);bottom:-100px;left:35%;animation:fo 9s ease-in-out infinite 7s}
@keyframes fo{0%,100%{transform:translate(0,0)}33%{transform:translate(25px,-25px)}66%{transform:translate(-15px,20px)}}
.grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(184,134,11,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(184,134,11,.022) 1px,transparent 1px);background-size:60px 60px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
.sec{padding:110px 0}

/* NAVBAR */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;transition:var(--tr)}
.nav.scrolled{background:rgba(13,27,62,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--bs)}
.nav-in{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;max-width:1200px;margin:0 auto}
.logo-mark{font-family:var(--fh);font-size:21px;font-weight:700;background:var(--gt);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}
.logo-sub{font-size:.55em;letter-spacing:.18em;font-variant:small-caps;font-weight:500;color:var(--t2);text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:36px}
.nav-links a{font-size:13.5px;font-weight:500;color:var(--t2);letter-spacing:.3px;position:relative}
.nav-links a::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gp);transition:var(--tr)}
.nav-links a:hover,.nav-links a.active{color:var(--t1)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{font-size:12.5px!important;font-weight:600!important;padding:9px 22px;background:var(--gp);border-radius:50px;color:#fff!important;box-shadow:none;position:relative;z-index:0;overflow:hidden;transition:color 0.2s ease}
.nav-cta:hover{box-shadow:none!important;transform:none;color:#fff!important}.nav-cta::before{content:"";position:absolute;inset:0;background:#9A7B2F;border-radius:inherit;opacity:0;transition:opacity 0.2s ease;z-index:-1}.nav-cta:hover::before{opacity:1}
.nav-cta::after{display:none!important}
.hbg{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hbg span{display:block;width:24px;height:2px;background:var(--t1);border-radius:2px;transition:var(--tr)}
.mob-menu{display:none;position:fixed;inset:0;background:rgba(13,27,62,.97);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:32px}
.mob-menu.open{display:flex}
.mob-menu a{font-family:var(--fh);font-size:26px;font-weight:600;color:var(--t2)}
.mob-menu a:hover{color:var(--t1)}
.mob-close{position:absolute;top:24px;right:28px;background:none;border:none;color:var(--t1);font-size:30px;cursor:pointer}
/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fh);font-weight:600;font-size:13px;letter-spacing:.8px;padding:14px 32px;border-radius:50px;border:none;cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease;text-transform:uppercase}
.btn-p{background:var(--gp);color:#fff;box-shadow:none;position:relative;z-index:0;overflow:hidden}
.btn-p:hover{color:#fff;box-shadow:none;transform:none}.btn-p::before{content:"";position:absolute;inset:0;background:#9A7B2F;border-radius:inherit;opacity:0;transition:opacity 0.2s ease;z-index:-1}.btn-p:hover::before{opacity:1}.btn-p>*{position:relative;z-index:1}
.btn-o{background:#0D1B3E;color:var(--t1);border:1px solid var(--bs);transition:background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease}
.btn-o:hover{background:#9A7B2F;border-color:#9A7B2F;color:#fff;box-shadow:none;transform:none}
/* GLASS CARD */
.gc{background:var(--card);border:1px solid var(--bs);border-radius:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--tr)}
.gc:hover{background:var(--card2);border-color:rgba(184,134,11,.5);box-shadow:none;transform:none}
/* SECTION HEADERS */
.slabel{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--as);margin-bottom:16px}
.slabel::before{content:"";display:block;width:24px;height:1px;background:var(--as)}
.stitle{font-family:var(--fh);font-size:clamp(30px,4.5vw,52px);font-weight:700;line-height:1.15;letter-spacing:-.5px;margin-bottom:20px}
.gt-text{background:var(--gt);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sdesc{font-size:17px;color:var(--t2);line-height:1.8;max-width:620px}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative;overflow:hidden}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(184,134,11,.1);border:1px solid rgba(184,134,11,.25);border-radius:50px;padding:6px 18px;font-size:11px;font-weight:600;color:var(--as);letter-spacing:2px;text-transform:uppercase;margin-bottom:32px}
.hero-dot{width:6px;height:6px;border-radius:50%;background:var(--as);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}
.hero-title{font-family:var(--fh);font-size:clamp(40px,6.5vw,82px);font-weight:700;line-height:1.07;letter-spacing:-2px;margin-bottom:16px}
.hero-tag{font-size:clamp(12px,1.5vw,15px);font-weight:600;color:var(--ag);letter-spacing:3px;text-transform:uppercase;margin-bottom:24px}
.hero-desc{font-size:17px;color:var(--t2);line-height:1.85;margin-bottom:40px;max-width:600px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:64px}
.hero-stats{display:flex;gap:48px;flex-wrap:wrap;padding-top:36px;border-top:1px solid var(--bs)}
.stat-val{font-family:var(--fh);font-size:30px;font-weight:700;background:var(--gt);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-lbl{font-size:11px;color:var(--tm);letter-spacing:1.5px;text-transform:uppercase;margin-top:2px}
.hero-vis{position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:500px;height:500px;pointer-events:none;opacity:.18}
.h-ring{position:absolute;border-radius:50%;border:1px solid rgba(184,134,11,.5);inset:0;animation:spin 20s linear infinite}
.h-ring:nth-child(2){inset:12.5%;animation-duration:14s;animation-direction:reverse;border-color:rgba(184,134,11,.4)}
.h-ring:nth-child(3){inset:25%;animation-duration:9s;border-color:rgba(184,134,11,.6)}
@keyframes spin{to{transform:rotate(360deg)}}
/* SERVICES */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}
.svc-card{padding:36px 30px}
.svc-icon{width:52px;height:52px;border-radius:14px;background:rgba(184,134,11,.1);border:1px solid rgba(184,134,11,.2);display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:22px;transition:var(--tr)}
.gc:hover .svc-icon{background:rgba(184,134,11,.2);border-color:rgba(184,134,11,.45);box-shadow:0 0 20px rgba(184,134,11,.2)}
.svc-title{font-family:var(--fh);font-size:18px;font-weight:600;margin-bottom:12px}
.svc-desc{font-size:14.5px;color:var(--t2);line-height:1.75}
.svc-link{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-size:13px;font-weight:600;color:var(--as);transition:var(--tr)}
.svc-link:hover{gap:10px}
/* MISSION */
.mission-box{background:rgba(184,134,11,.06);border:1px solid rgba(184,134,11,.15);border-radius:24px;padding:56px 60px;margin-top:80px}
.mission-box p{font-size:19px;line-height:1.9;color:var(--t2);font-style:italic}
.mission-box span{color:var(--t1);font-style:normal;font-weight:600}
/* VALUES */
.val-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.val-card{padding:36px 28px;text-align:center}
.val-num{font-family:var(--fh);font-size:44px;font-weight:700;background:var(--gt);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:12px}
.val-title{font-family:var(--fh);font-size:17px;font-weight:600;margin-bottom:10px}
.val-desc{font-size:14px;color:var(--t2);line-height:1.7}
/* CTA BANNER */
.cta-box{background:rgba(184,134,11,.07);border:1px solid rgba(184,134,11,.18);border-radius:24px;padding:80px 60px;text-align:center;position:relative;overflow:hidden}
.cta-box::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(184,134,11,.12),transparent 70%);pointer-events:none}
.cta-box h2{font-family:var(--fh);font-size:clamp(26px,4vw,44px);font-weight:700;margin-bottom:16px;position:relative;z-index:1}
.cta-box p{font-size:17px;color:var(--t2);margin-bottom:36px;max-width:480px;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.cta-box .btn{position:relative;z-index:1}
/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;margin-top:64px;align-items:start}
.cinfo{display:flex;flex-direction:column;gap:24px}
.citem{display:flex;gap:16px;align-items:flex-start}
.citem-icon{width:44px;height:44px;border-radius:12px;background:rgba(184,134,11,.1);border:1px solid rgba(184,134,11,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}
.citem h4{font-family:var(--fh);font-size:12px;font-weight:600;color:var(--tm);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px}
.citem p{font-size:15px;color:var(--t2);line-height:1.6}
.cform{padding:44px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fg{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.fg label{font-size:11px;font-weight:600;color:var(--tm);letter-spacing:1.5px;text-transform:uppercase}
.fg input,.fg textarea,.fg select{background:rgba(255,255,255,.04);border:1px solid var(--bs);border-radius:12px;padding:13px 16px;font-family:var(--fb);font-size:14px;color:var(--t1);outline:none;transition:var(--tr);width:100%}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:rgba(184,134,11,.5);background:rgba(184,134,11,.04);box-shadow:0 0 0 3px rgba(184,134,11,.08)}
.fg textarea{resize:vertical;min-height:120px}
.fg select option{background:#112244}
/* FOOTER */
.footer{background:var(--bg2);border-top:1px solid var(--bs);padding:64px 0 32px;position:relative;z-index:1}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:52px}
.foot-brand p{font-size:14px;color:var(--tm);line-height:1.7;margin-top:14px;max-width:250px}
.foot-col h4{font-family:var(--fh);font-size:11px;font-weight:600;color:var(--tm);letter-spacing:2px;text-transform:uppercase;margin-bottom:18px}
.foot-col a{display:block;font-size:14px;color:var(--t2);margin-bottom:10px}
.foot-col a:hover{color:var(--t1)}
.foot-bot{display:flex;align-items:center;justify-content:space-between;padding-top:28px;border-top:1px solid var(--bs);flex-wrap:wrap;gap:16px}
.foot-bot p{font-size:13px;color:var(--tm)}
.foot-legal{display:flex;gap:24px}
.foot-legal a{font-size:13px;color:var(--tm)}
.foot-legal a:hover{color:var(--t2)}
/* PAGE HERO */
.ph{padding:160px 0 80px;text-align:center;position:relative}
.ph-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(184,134,11,.1);border:1px solid rgba(184,134,11,.2);border-radius:50px;padding:5px 16px;font-size:11px;font-weight:600;color:var(--as);letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}
.ph h1{font-family:var(--fh);font-size:clamp(36px,5vw,60px);font-weight:700;letter-spacing:-1px;margin-bottom:16px;line-height:1.1}
.ph p{font-size:17px;color:var(--t2);max-width:560px;margin:0 auto;line-height:1.8}
/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:80px}
.about-img-box{border-radius:24px;overflow:hidden;aspect-ratio:4/5;background:#0D1B3E;border:1px solid rgba(184,134,11,.25);display:flex;align-items:center;justify-content:center}
.about-brand-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px;text-align:center}.about-brand-logo{font-family:var(--fh);font-size:72px;font-weight:800;background:var(--gt);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px}.about-brand-tagline{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--ap);font-family:var(--fh)}
.about-content .slabel{margin-bottom:16px}
.about-content h2{font-family:var(--fh);font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.15;letter-spacing:-.5px;margin-bottom:20px}
.about-content p{font-size:16px;color:var(--t2);line-height:1.85;margin-bottom:16px}
/* LEGAL */
.legal-content{max-width:820px;margin:0 auto;padding-bottom:80px}
.legal-content h2{font-family:var(--fh);font-size:22px;font-weight:600;margin:36px 0 12px}
.legal-content p{font-size:15px;color:var(--t2);line-height:1.8;margin-bottom:16px}
.legal-content ul{padding-left:20px;margin-bottom:16px}
.legal-content ul li{font-size:15px;color:var(--t2);line-height:1.8;margin-bottom:8px;list-style:disc}
/* DIVIDER */
.divider{width:100%;height:1px;background:var(--bs);margin:0}
/* SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
/* RESPONSIVE */
@media(max-width:1024px){.svc-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}}
@media(max-width:768px){.nav-links{display:none}.hbg{display:flex}.svc-grid{grid-template-columns:1fr}.val-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.foot-bot{flex-direction:column;text-align:center}.hero-vis{display:none}.hero-stats{gap:32px}.mission-box{padding:36px 28px}.cta-box{padding:56px 28px}.about-grid{grid-template-columns:1fr}.frow{grid-template-columns:1fr}}
@media(max-width:480px){.hero-title{letter-spacing:-1px}.hero-stats{flex-direction:column;gap:24px}.foot-grid{grid-template-columns:1fr}}