:root {
  --black:#030405;
  --ink:#020917;
  --blue:#1160ec;
  --electric:#58b8ff;
  --ice:#f4f9ff;
  --muted:#b7cbed;
  --line:rgba(103,187,255,.42);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; color:var(--ice); background:var(--black); font-family:Arial, Helvetica, sans-serif; }
.site-header { height:74px; position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:center; padding:8px 20px; background:rgba(0,0,0,.97); border-bottom:1px solid rgba(95,172,255,.14); }
nav { display:flex; align-items:center; gap:clamp(46px,6vw,96px); }
nav a { color:#eaf3ff; font-size:13px; font-weight:700; letter-spacing:.02em; text-decoration:none; transition:color .18s ease; }
nav a:hover { color:var(--electric); }
.hero { background:#000; }
.hero-art { position:relative; max-width:1920px; margin:auto; overflow:hidden; }
.hero-image { width:100%; display:block; image-rendering:auto; filter:brightness(1.06) contrast(1.07) saturate(1.05); }
.marquee { height:62px; display:flex; align-items:center; overflow:hidden; margin:clamp(38px,5vw,76px) 0; border-top:1px solid #174d9f; border-bottom:1px solid #174d9f; background:linear-gradient(90deg,#02060e,#083692 50%,#02060e); box-shadow:inset 0 1px 18px rgba(48,153,255,.22); }
.marquee-track { display:flex; align-items:center; width:max-content; white-space:nowrap; animation:scroll-left 44s linear infinite; will-change:transform; }
.marquee-set { display:flex; align-items:center; flex:none; }
.marquee span { padding:0 24px; color:#e8f5ff; font-size:15px; font-weight:900; letter-spacing:1.25px; text-shadow:0 0 12px rgba(91,186,255,.75); }
.marquee b { color:#67c5ff; font-size:14px; }
@keyframes scroll-left { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.difference { padding:0 clamp(18px,5vw,90px) clamp(26px,3vw,48px); background:radial-gradient(ellipse at 50% 0,rgba(12,56,125,.22),transparent 47%),#000; }
.values-crop { width:min(100%,1350px); margin:auto; }
.difference img { display:block; width:100%; height:auto; filter:brightness(1.1) contrast(1.07) saturate(1.04); }
.contact { display:flex; flex-direction:column; align-items:center; gap:0; padding:16px clamp(26px,10vw,190px); text-align:center; background:radial-gradient(ellipse at 50% 0,rgba(34,104,255,.95),rgba(10,43,156,.9) 40%,#061b78 80%,#061a71),linear-gradient(#0a3ac2,#061b78); border-top:1px solid rgba(124,197,255,.7); }
.contact-intro { display:flex; flex-direction:column; align-items:center; }
.eyebrow { margin:0 0 12px; color:#fff; font-size:clamp(13px,1.2vw,17px); font-weight:900; font-style:italic; letter-spacing:2.5px; text-shadow:0 2px 8px rgba(0,0,0,.4); }
.contact-title-art { display:block; width:min(100%,440px); height:156px; object-fit:cover; object-position:center; margin:-18px 0 6px; mix-blend-mode:screen; filter:drop-shadow(0 6px 14px rgba(0,0,0,.42)); }
.contact-cards { margin-top:12px; }
.contact-cards { display:grid; grid-template-columns:repeat(2,minmax(300px,1fr)); width:min(100%,980px); gap:20px; }
.contact-card { min-height:132px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:26px 32px; color:#fff; text-decoration:none; text-align:center; background:linear-gradient(140deg,rgba(1,10,41,.78),rgba(0,23,87,.48)); border:1px solid rgba(188,229,255,.58); border-radius:10px; box-shadow:0 12px 30px rgba(0,0,0,.18); transition:transform .18s ease,background .18s ease; }
.contact-card:hover { transform:translateY(-5px); background:rgba(2,15,57,.9); }
.card-label { color:#d8e1ed; font-size:12px; font-weight:900; letter-spacing:2px; }
.contact-card strong { min-width:0; color:#fff; font-size:clamp(20px,2.15vw,30px); line-height:1.1; white-space:nowrap; text-shadow:none; }
footer { padding:24px 20px; color:#96b4df; background:#01030b; font-size:12px; text-align:center; }
@media (max-width:800px) {
  .site-header { height:62px; }
  nav { gap:24px; } nav a { font-size:12px; }
  .hero-image { min-height:240px; object-fit:cover; object-position:center; }
  .marquee { height:54px; margin:32px 0; }.marquee span { padding:0 15px; font-size:11px; }
  .difference { padding:0 10px 42px; }
  .contact { gap:0; padding:16px 24px; }
  .contact-title-art { width:min(100%,340px); height:122px; margin:-14px 0 5px; }
  .contact-cards { margin-top:10px; }
  .contact-cards { grid-template-columns:1fr; }.contact-card { min-height:120px; padding:26px; }.contact-card strong { white-space:normal; }
}
@media (prefers-reduced-motion:reduce) { .marquee-track { animation:none; } }