/* ═══════════════════════════════════════════
   CLEARHULLCO — SHARED STYLESHEET
   clearhullco.com
═══════════════════════════════════════════ */
:root {
  --navy:       #060C15;
  --navy-mid:   #0A1424;
  --navy-light: #101E33;
  --navy-glass: rgba(10,20,36,0.85);
  --gold:       #D6B25E;
  --gold-light: #EDD083;
  --gold-pale:  #F5E3A6;
  --silver:     #CBD8E4;
  --white:      #FFFFFF;
  --text-muted: rgba(203,216,228,0.6);
  --glow-gold:  0 0 40px rgba(214,178,94,0.35);
  --green:      #4ADE80;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Inter',sans-serif;
  background: var(--navy);
  color: var(--silver);
  overflow-x: hidden;
}

/* ─── CURSOR (native) ─── */
#cursor, #cursor-ring { display:none !important; }

/* ─── NAV ─── */
nav {
  position:fixed;top:0;left:0;right:0;z-index:1000;
  padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:80px;
  transition:background .4s,backdrop-filter .4s,box-shadow .4s;
}
nav.scrolled { background:rgba(6,12,21,.95);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(214,178,94,.2); }
nav.solid { background:rgba(6,12,21,.98);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(214,178,94,.15); }
.nav-logo { display:flex;align-items:center;gap:12px;text-decoration:none; }
.nav-logo-text { display:flex;flex-direction:column;line-height:1; }
.nav-logo-text span:first-child { font-family:'Sora',sans-serif;font-size:16px;font-weight:800;color:var(--white);letter-spacing:2px; }
.nav-logo-text span:last-child { font-family:'Inter',sans-serif;font-size:9px;font-weight:500;color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;margin-top:3px; }
.nav-links { display:flex;align-items:center;gap:32px;list-style:none; }
.nav-links a { font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-decoration:none;color:var(--silver);transition:color .3s;position:relative; }
.nav-links a::after { content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.77,0,.18,1); }
.nav-links a:hover,.nav-links a.active { color:var(--gold-light); }
.nav-links a:hover::after,.nav-links a.active::after { transform:scaleX(1);transform-origin:left; }
.nav-cta { font-family:'Inter',sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%)!important;color:var(--navy)!important;padding:11px 24px!important;border-radius:8px!important;transition:box-shadow .3s,transform .2s!important; }
.nav-cta:hover { box-shadow:0 0 30px rgba(214,178,94,.5)!important;transform:translateY(-1px)!important; }
.nav-cta::after { display:none!important; }
.hamburger { display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px; }
.hamburger span { width:26px;height:1.5px;background:var(--gold);display:block;transition:.3s; }

/* ─── PAGE HERO (inner pages) ─── */
.page-hero {
  padding:160px 8% 100px;
  background:radial-gradient(ellipse at 50% 0%,#0E2140 0%,var(--navy) 70%);
  text-align:center;position:relative;overflow:hidden;
}
.page-hero::before { content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C9A84C' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.page-hero-eyebrow { font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:16px; }
.page-hero-eyebrow::before,.page-hero-eyebrow::after { content:'';width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--gold)); }
.page-hero-eyebrow::after { background:linear-gradient(90deg,var(--gold),transparent); }
.page-hero h1 { font-family:'Sora',sans-serif;font-size:clamp(30px,4.5vw,56px);font-weight:800;letter-spacing:-1px;color:var(--white);margin-bottom:20px; }
.page-hero p { font-size:16px;line-height:1.8;color:var(--text-muted);max-width:600px;margin:0 auto; }

/* ─── SECTIONS ─── */
section { position:relative; }
.section-label { font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;opacity:.9; }
.section-title { font-family:'Sora',sans-serif;font-size:clamp(24px,3.2vw,40px);font-weight:700;line-height:1.18;letter-spacing:-0.5px;color:var(--white);margin-bottom:20px; }
.section-line { width:60px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin-bottom:24px; }
.section-line.center { margin:0 auto 24px; }
.section-body { font-size:15px;line-height:1.85;color:var(--text-muted);max-width:580px;font-weight:400; }

/* ─── BUTTONS ─── */
.btn-primary { font-family:'Inter',sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:var(--navy);padding:16px 36px;border-radius:8px;transition:all .3s;display:inline-block;box-shadow:0 4px 30px rgba(214,178,94,.3);border:none;cursor:pointer; }
.btn-primary:hover { transform:translateY(-3px);box-shadow:0 8px 40px rgba(214,178,94,.5); }
.btn-secondary { font-family:'Inter',sans-serif;font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;text-decoration:none;border:1px solid rgba(214,178,94,.4);color:var(--gold);padding:16px 36px;border-radius:8px;transition:all .3s;display:inline-block;backdrop-filter:blur(8px); }
.btn-secondary:hover { background:rgba(214,178,94,.1);border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--glow-gold); }
.btn-sm { padding:11px 28px!important;font-size:12px!important; }

/* ─── MARQUEE ─── */
.marquee-strip { background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);padding:14px 0;overflow:hidden; }
.marquee-inner { display:flex;gap:60px;width:max-content;animation:marqueeScroll 22s linear infinite; }
.marquee-item { font-family:'Sora',sans-serif;font-size:11px;letter-spacing:4px;color:var(--navy);font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:20px; }
.marquee-item::after { content:'◆';font-size:7px; }
@keyframes marqueeScroll { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* ─── FOOTER ─── */
footer { background:#040910;padding:72px 8% 36px;border-top:1px solid rgba(214,178,94,.1); }
.footer-top { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.05); }
.footer-brand p { font-size:13.5px;color:var(--text-muted);line-height:1.8;margin-top:20px;max-width:280px; }
.footer-social { display:flex;gap:10px;margin-top:16px; }
.footer-social a { width:36px;height:36px;border-radius:50%;border:1px solid rgba(214,178,94,.2);display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;transition:all .25s; }
.footer-social a:hover { border-color:var(--gold);color:var(--gold);background:rgba(214,178,94,.08); }
.footer-col h5 { font-family:'Sora',sans-serif;font-size:12px;letter-spacing:3px;color:var(--gold);margin-bottom:24px;text-transform:uppercase; }
.footer-col ul { list-style:none;display:flex;flex-direction:column;gap:12px; }
.footer-col ul li a { font-size:13.5px;color:var(--text-muted);text-decoration:none;transition:color .2s; }
.footer-col ul li a:hover { color:var(--gold-light); }
.footer-bottom { padding-top:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px; }
.footer-bottom p { font-family:'Inter',sans-serif;font-size:12px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase; }
.footer-bottom a { color:var(--gold);text-decoration:none; }
.footer-tagline { font-family:'Sora',sans-serif;font-size:11px;letter-spacing:3px;color:rgba(214,178,94,.4);text-transform:uppercase; }

/* ─── CHAT WIDGET ─── */
.chat-widget { position:fixed;bottom:32px;right:32px;z-index:500; }
.chat-pulse { width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 30px rgba(214,178,94,.4);position:relative;transition:transform .3s; }
.chat-pulse:hover { transform:scale(1.08); }
.chat-pulse::before { content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(214,178,94,.4);animation:ringPulse 2s infinite; }
.chat-pulse svg { width:26px;height:26px;fill:var(--navy); }
.chat-tooltip { position:absolute;bottom:72px;right:0;background:var(--navy-mid);border:1px solid rgba(214,178,94,.2);border-radius:6px;padding:16px 20px;width:220px;box-shadow:0 8px 40px rgba(0,0,0,.4);display:none; }
.chat-tooltip.visible { display:block;animation:tooltipPop .3s cubic-bezier(.23,1,.32,1) both; }
.chat-tooltip h4 { font-family:'Sora',sans-serif;font-size:13px;color:var(--gold);margin-bottom:6px; }
.chat-tooltip p { font-size:12px;color:var(--text-muted);line-height:1.5;margin-bottom:12px; }
.chat-tooltip a { display:block;text-align:center;font-family:'Inter',sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;color:var(--navy);background:linear-gradient(135deg,var(--gold),var(--gold-light));padding:10px;border-radius:3px;font-weight:700; }
@keyframes ringPulse { 0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0} }
@keyframes tooltipPop { 0%{transform:translateY(10px);opacity:0}100%{transform:translateY(0);opacity:1} }

/* ─── REVEAL ANIMATIONS ─── */
.reveal { opacity:1;transform:translateY(0);transition:opacity .7s,transform .7s; }
.reveal.visible { opacity:1;transform:translateY(0); }
.reveal-left { opacity:1;transform:translateX(0);transition:opacity .8s,transform .8s; }
.reveal-left.visible { opacity:1;transform:translateX(0); }
.reveal-right { opacity:1;transform:translateX(0);transition:opacity .8s,transform .8s; }
.reveal-right.visible { opacity:1;transform:translateX(0); }
@keyframes fadeUp { 0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)} }
@keyframes fadeIn { 0%{opacity:0}100%{opacity:1} }

/* ─── MOBILE ─── */
@media(max-width:900px){
  .nav-links { display:none; }
  .hamburger { display:flex; }
  .footer-top { grid-template-columns:1fr 1fr;gap:40px; }
}
@media(max-width:600px){
  .footer-top { grid-template-columns:1fr; }
  .page-hero { padding:140px 6% 80px; }
}