
:root{--navy:#071f45;--gold:#d39a00;--ink:#182033;--muted:#657083;--line:#d9dee8;--soft:#f4f6fa;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Aptos,"Segoe UI",Arial,sans-serif;line-height:1.6;background:#fff}
img{max-width:100%;height:auto}
a{color:inherit}
.container{width:min(1160px,calc(100% - 40px));margin:auto}
.top-rule{height:12px;background:linear-gradient(100deg,var(--navy) 0 84%,#fff 84% 85%,var(--gold) 85% 100%)}
.site-header{position:sticky;top:0;z-index:50;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-wrap{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand img{width:68px;height:68px}
.brand-copy{display:grid;line-height:1.08}
.brand-copy strong{font-size:1.9rem;letter-spacing:.16em;color:var(--navy)}
.brand-copy span{letter-spacing:.11em}
.brand-copy small{color:var(--gold);font-weight:700;margin-top:6px}
.nav-links{display:flex;gap:18px;align-items:center}
.nav-links a{text-decoration:none;font-weight:700;color:var(--navy);font-size:.95rem}
.nav-links a.active{color:var(--gold)}
.nav-cta{padding:10px 16px;border:1px solid var(--gold);border-radius:999px}
.menu-toggle{display:none;background:#fff;border:1px solid var(--navy);border-radius:6px;padding:9px 12px;font-weight:700;color:var(--navy)}
.hero{position:relative;overflow:hidden;padding:92px 0 80px}
.hero.compact{padding:68px 0}
.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:64px;align-items:center}
.watermark{position:absolute;left:50%;top:80px;transform:translateX(-10%);font-size:min(31vw,430px);font-weight:800;color:#071f4508;pointer-events:none}
.eyebrow{text-transform:uppercase;color:var(--gold);font-weight:800;letter-spacing:.11em;font-size:.82rem}
h1,h2,h3{line-height:1.14;color:var(--navy)}
h1{font-size:clamp(2.6rem,6vw,5rem);margin:.2em 0 .35em}
.hero.compact h1{font-size:clamp(2.35rem,5vw,4.3rem)}
h2{font-size:clamp(2rem,4vw,3.1rem)}
h3{font-size:1.25rem}
.lead{font-size:1.18rem;color:var(--muted);max-width:760px}
.hero-actions,.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:6px;text-decoration:none;border:1px solid transparent;font-weight:800;margin:2px;cursor:pointer}
.primary{background:var(--navy);color:#fff}
.secondary{border-color:var(--navy);color:var(--navy);background:#fff}
.gold{background:var(--gold);color:#111}
.contact-card,.info-panel{background:var(--navy);color:#fff;border-top:8px solid var(--gold);padding:30px;border-radius:10px}
.contact-card h2,.info-panel h2{color:#fff}
.contact-card a,.info-panel a{color:#fff}
.section{padding:86px 0}
.soft{background:var(--soft)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}
.cards.four{grid-template-columns:repeat(4,1fr)}
.cards article{background:#fff;border:1px solid var(--line);border-top:5px solid var(--gold);padding:24px;border-radius:8px}
.cards article>span.icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--navy);font-weight:900;color:var(--navy)}
.standards{background:var(--navy);color:#fff}
.standards h2{color:#fff}
.standards-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.standards ul,.check-list{list-style:none;padding:0;display:grid;gap:14px}
.standards li{background:#ffffff14;border-left:4px solid var(--gold);padding:16px 18px}
.check-list li{padding-left:30px;position:relative}
.check-list li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:900}
.about-grid,.contact-grid,.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.brand-panel{background:var(--navy);color:#fff;padding:40px;text-align:center;border-radius:10px}
.brand-panel img{width:180px;background:#fff;border-radius:50%;padding:8px}
.brand-panel p{color:var(--gold);font-size:1.4rem;font-weight:800}
.feature-band{background:var(--gold);color:#111;padding:28px 0}
.feature-band .container{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}
form{background:#fff;border:1px solid var(--line);padding:30px;display:grid;gap:16px;border-radius:8px}
label{display:grid;gap:6px;font-weight:700;color:var(--navy)}
input,textarea,select{width:100%;padding:12px;border:1px solid #b9c0cd;border-radius:5px;font:inherit}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery .tile{aspect-ratio:4/3;background:linear-gradient(145deg,#eef1f6,#fff);border:1px solid var(--line);display:grid;place-items:center;border-radius:8px;color:var(--navy);font-weight:800;text-align:center;padding:20px}
.notice{border-left:5px solid var(--gold);background:var(--soft);padding:18px 20px}
footer{background:var(--navy);color:#fff;border-top:6px solid var(--gold)}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;padding:50px 0}
.footer-grid h2{font-size:1.1rem;color:var(--gold)}
.footer-grid img{width:110px;background:#fff;padding:7px;border-radius:6px}
.footer-bottom{text-align:center;border-top:1px solid #ffffff33;padding:15px}
.floating-actions{position:fixed;right:16px;bottom:16px;display:grid;gap:10px;z-index:40}
.floating-actions a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#111;text-decoration:none;font-weight:900;box-shadow:0 6px 18px #0003}
@media(max-width:950px){.nav-links{display:none;position:absolute;right:20px;top:92px;background:#fff;border:1px solid var(--line);padding:18px;flex-direction:column;align-items:flex-start;min-width:220px}.nav-links.open{display:flex}.menu-toggle{display:block}.hero-grid,.standards-grid,.about-grid,.contact-grid,.split{grid-template-columns:1fr}.cards,.cards.four{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.watermark{display:none}}
@media(max-width:620px){.cards,.cards.four,.gallery,.footer-grid{grid-template-columns:1fr}.brand-copy strong{font-size:1.25rem}.brand-copy span,.brand-copy small{font-size:.7rem}.brand img{width:54px;height:54px}.nav-wrap{min-height:78px}.nav-links{top:78px}h1{font-size:2.5rem}.section{padding:66px 0}}
