:root { --navy:#141B33; --navy-deep:#0c1122; --gold:#C9A84C; --cream:#f7f5ee; --muted:#aeb4c3; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--navy-deep); color:var(--cream); font-family:Inter,Segoe UI,Arial,sans-serif; }
.site-shell { min-height:100svh; padding:28px clamp(22px,6vw,92px) 24px; position:relative; overflow:hidden; display:flex; flex-direction:column; isolation:isolate; }
.grid-overlay { position:absolute; z-index:-1; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(to bottom,black,transparent 75%); }
.ambient { position:absolute; z-index:-2; border-radius:50%; filter:blur(2px); pointer-events:none; }
.ambient-one { width:clamp(360px,55vw,780px); height:clamp(360px,55vw,780px); top:-23%; right:-15%; background:radial-gradient(circle,rgba(201,168,76,.2),rgba(201,168,76,.04) 39%,transparent 69%); }
.ambient-two { width:560px; height:560px; bottom:-340px; left:-190px; background:radial-gradient(circle,rgba(74,93,145,.33),transparent 65%); }
.site-header { width:100%; display:flex; justify-content:space-between; align-items:center; padding-bottom:clamp(36px,7vh,80px); border-bottom:1px solid rgba(255,255,255,.12); }
.brand { color:var(--cream); text-decoration:none; display:inline-flex; gap:12px; align-items:center; }
.brand-mark { position:relative; width:38px; height:38px; display:inline-block; transform:rotate(-32deg); }
.brand-mark i { display:block; position:absolute; border:2px solid var(--gold); width:23px; height:23px; border-radius:50% 50% 50% 0; transform:rotate(45deg); }
.brand-mark i:nth-child(1) { top:1px; left:8px; } .brand-mark i:nth-child(2) { top:10px; left:1px; opacity:.75; } .brand-mark i:nth-child(3) { top:13px; left:16px; opacity:.5; }
.brand-name { font-size:18px; font-weight:800; letter-spacing:-.7px; white-space:nowrap; }.brand-name em { font-weight:500; font-style:normal; opacity:.8; }
.brand img {
  display: block;
  width: auto;
  height: 48px;
  max-width: min(240px, 65vw);
}
.status { display:none; align-items:center; gap:8px; font:10px/1 Consolas,monospace; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; }.status span { width:7px; height:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 5px rgba(201,168,76,.13); }
.hero { max-width:900px; margin:auto; width:100%; padding:clamp(76px,12vh,145px) 0 clamp(48px,8vh,88px); }
.eyebrow { color:var(--gold); font:11px/1.5 Consolas,monospace; letter-spacing:.12em; text-transform:uppercase; display:flex; align-items:center; gap:12px; margin:0 0 24px; }.eyebrow span { height:1px; width:36px; background:var(--gold); }
h1 { max-width:760px; margin:0; font-size:clamp(45px,8vw,104px); line-height:.96; letter-spacing:-.07em; font-weight:700; }.hero h1 i { font-family:Georgia,serif; font-weight:600; letter-spacing:-.06em; color:var(--gold); }
.lead { color:#c8ccd5; font-size:clamp(15px,1.5vw,18px); line-height:1.75; max-width:655px; margin:32px 0 0; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:38px; }.button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; text-decoration:none; font-size:13px; font-weight:700; border-radius:2px; transition:transform .25s ease,background .25s ease,color .25s ease; }.button:hover,.button:focus-visible { transform:translateY(-3px); }.button-primary { color:var(--navy); background:var(--gold); }.button-primary span { font-size:18px; margin-left:18px; }.button-secondary { color:var(--cream); border:1px solid rgba(255,255,255,.27); }.button-secondary:hover { background:rgba(255,255,255,.1); }
.note { border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); padding:18px 0; display:flex; gap:12px; align-items:center; color:var(--muted); font-size:12px; }.note p { margin:0; }.note-icon { color:var(--gold); font-size:16px; }
.site-footer { display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; color:#818898; font-size:11px; padding-top:22px; }.site-footer p { margin:0; }.site-footer span { color:var(--gold); padding:0 5px; }.site-footer a { color:var(--gold); text-decoration:none; }.site-footer a:hover { text-decoration:underline; }
@media (min-width:640px) { .status { display:flex; } }
@media (max-width:480px) { .site-shell { padding-top:22px; }.site-header { justify-content:center; padding-bottom:50px; }.brand-mark { transform:scale(.86) rotate(-32deg); margin-right:-2px; }.brand-name { font-size:17px; }.hero { padding-top:72px; }.lead { line-height:1.68; }.actions { margin-top:30px; }.button { width:100%; }.site-footer { line-height:1.7; }.site-footer a { width:100%; } }
@media (prefers-reduced-motion:no-preference) { .hero,.note,.site-footer { animation:reveal .8s both; }.note { animation-delay:.12s; }.site-footer { animation-delay:.2s; } @keyframes reveal { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } } }