*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#102437;background:#f6f1e8;line-height:1.6}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.1;margin-top:0}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 6%;background:#041c31;color:white;border-bottom:1px solid rgba(212,169,85,.45)}.brand{display:flex;align-items:center;gap:14px;font-family:Georgia,serif;font-size:1.35rem;color:#f2d28a;font-weight:bold}.brand img{width:64px;height:64px;border-radius:50%;object-fit:cover}.site-header nav{display:flex;gap:24px;align-items:center;font-weight:bold;text-transform:uppercase;font-size:.85rem}.site-header nav a:hover{color:#e2b75c}.nav-button{border:1px solid #d4a955;padding:10px 16px;border-radius:2px}.hero{position:relative;min-height:82vh;display:flex;align-items:center;padding:8% 6%;background:linear-gradient(90deg,rgba(246,241,232,.96),rgba(246,241,232,.55),rgba(4,28,49,.12)),url('assets/coastal-logo.jpeg');background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(226,183,92,.2),transparent 35%)}.hero-content{position:relative;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#a87927;font-weight:bold}.hero h1{font-size:clamp(2.8rem,7vw,6.5rem);color:#041c31}.hero p{font-size:1.2rem;max-width:650px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;border-radius:2px;padding:14px 24px;font-weight:bold;text-transform:uppercase;letter-spacing:.8px;border:2px solid #d4a955}.button.gold{background:#041c31;color:#f2d28a}.button.outline{background:rgba(255,255,255,.6);color:#041c31}.spot-bar{display:grid;grid-template-columns:repeat(3,1fr);background:#061e33;color:white;border-top:2px solid #d4a955;border-bottom:2px solid #d4a955}.spot-bar div{padding:20px;text-align:center;border-right:1px solid rgba(255,255,255,.18)}.spot-bar span{display:block;color:#f2d28a}.section{padding:78px 6%;max-width:1250px;margin:auto}.center{text-align:center}.about{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center}.about-card,.contact-card{background:white;padding:32px;box-shadow:0 20px 50px rgba(0,0,0,.1);border:1px solid #e2d2b8;text-align:center}.about-card img,.contact-card img{max-width:220px;border-radius:50%}.dark{max-width:none;background:#041c31;color:white}.coin-grid,.feature-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1250px;margin:36px auto 0}.coin-card,.feature-grid div,blockquote{background:rgba(255,255,255,.06);padding:28px;border:1px solid rgba(212,169,85,.35);transition:.25s}.coin-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(0,0,0,.25)}.coin-icon{width:96px;height:96px;border-radius:50%;border:3px solid #d4a955;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#f2d28a;font-family:Georgia,serif;font-weight:bold}.feature-grid div{background:white;color:#102437;text-align:center}.feature-grid span{font-size:2.2rem;color:#a87927}blockquote{font-size:1.05rem}cite{display:block;margin-top:18px;color:#f2d28a}.cta{text-align:center;padding:70px 6%;background:linear-gradient(135deg,#08243c,#041c31);color:white}.page-hero{padding:90px 6%;text-align:center;background:#041c31;color:white}.page-hero h1{font-size:clamp(2.4rem,5vw,4.8rem)}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.contact-form{background:white;padding:34px;border:1px solid #e2d2b8;box-shadow:0 20px 50px rgba(0,0,0,.08)}label{display:block;margin:14px 0;font-weight:bold}input,textarea{width:100%;padding:13px;margin-top:6px;border:1px solid #cbbda3;background:#fbf8f1;font:inherit}.map-placeholder{margin-top:20px;padding:38px 20px;background:#e8deca;border:1px dashed #a87927;color:#6b562c}footer{text-align:center;background:#031522;color:white;padding:24px}@media(max-width:850px){.site-header{align-items:flex-start;gap:14px;flex-direction:column}.site-header nav{flex-wrap:wrap;gap:12px}.about,.contact-layout,.coin-grid,.feature-grid,.testimonial-grid,.spot-bar{grid-template-columns:1fr}.hero{min-height:72vh}.brand span{font-size:1.1rem}}

.market-ticker{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:#d4a955;
  border-top:2px solid #d4a955;
  border-bottom:2px solid #d4a955;
}
.ticker-card{
  background:#061e33;
  color:white;
  padding:20px;
  text-align:center;
}
.ticker-card strong{
  display:block;
  color:#f2d28a;
  font-family:Georgia,'Times New Roman',serif;
  font-size:1.7rem;
  margin:4px 0;
}
.ticker-card small{
  color:#d8c7a6;
}
.metal-label{
  text-transform:uppercase;
  letter-spacing:1.5px;
  font-size:.78rem;
  font-weight:bold;
}
.small-button{
  padding:10px 14px;
  font-size:.78rem;
  margin-top:8px;
}
.scrolling-market{
  overflow:hidden;
  background:#031522;
  color:#f2d28a;
  white-space:nowrap;
  border-bottom:1px solid rgba(212,169,85,.45);
}
.scrolling-track{
  display:inline-flex;
  gap:48px;
  padding:12px 0;
  animation:scrollTicker 28s linear infinite;
}
.scrolling-track span{
  padding-left:48px;
  text-transform:uppercase;
  letter-spacing:.8px;
  font-size:.9rem;
}
@keyframes scrollTicker{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.quote-section{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:40px;
  align-items:start;
}
.quote-intro{
  background:#041c31;
  color:white;
  padding:36px;
  border:1px solid #d4a955;
}
select{
  width:100%;
  padding:13px;
  margin-top:6px;
  border:1px solid #cbbda3;
  background:#fbf8f1;
  font:inherit;
}
input[type="file"]{
  background:white;
}
@media(max-width:850px){
  .market-ticker,.quote-section{grid-template-columns:1fr}
  .scrolling-track{animation-duration:38s}
}
