/* Watt Ventures — design tokens
   Color: navy #0B1440 (deep, from logo), steel blue #2B4CE0 (from logo), amber #E0932E (marker-light accent, used sparingly), paper #F7F7F5, ink #191D26, steel-line #DADFE8
   Type: Oswald (headlines, condensed/industrial), Work Sans (body)
   Layout: full-bleed hero, asymmetric two-column product block, tight photo grid on gallery
*/

:root{
  --navy: #0B1440;
  --navy-soft: #14204A;
  --blue: #2B4CE0;
  --amber: #E0932E;
  --paper: #F7F7F5;
  --ink: #191D26;
  --ink-soft: #4B5163;
  --line: #DADFE8;
}

*{box-sizing:border-box; margin:0; padding:0;}

html{scroll-behavior:smooth;}

body{
  font-family:'Work Sans', -apple-system, sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.55;
}

h1,h2,h3{
  font-family:'Oswald', sans-serif;
  font-weight:600;
  line-height:1.08;
  letter-spacing:0.01em;
}

.wrap{
  max-width:1160px;
  margin:0 auto;
  padding:0 28px;
}
.wrap.narrow{max-width:720px;}
.wrap.center{text-align:center;}

a{color:inherit; text-decoration:none;}

img{max-width:100%; display:block;}

/* Header */
.site-header{
  position:sticky; top:0; z-index:50;
  background:#FFFFFF;
  border-bottom:1px solid var(--line);
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding-top:14px; padding-bottom:14px;
}
.brand-logo{height:44px; width:auto;}
.site-nav{display:flex; align-items:center; gap:28px;}
.site-nav a{
  color:var(--navy); font-family:'Oswald',sans-serif; font-size:0.95rem;
  font-weight:500; letter-spacing:0.02em;
  padding-bottom:4px; border-bottom:2px solid transparent;
  transition:border-color .15s ease;
}
.site-nav a:hover, .site-nav a.active{border-color:var(--amber);}
.nav-cta{
  background:var(--amber); color:var(--navy) !important;
  padding:9px 18px; border-radius:2px; border-bottom:none !important;
  font-weight:600;
}
.nav-cta:hover{background:#EEA648; border-color:transparent;}

/* Hero */
.hero{position:relative; min-height:82vh; display:flex; align-items:flex-end; overflow:hidden;}
.hero-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.hero-scrim{
  position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(11,20,64,0.94) 0%, rgba(11,20,64,0.55) 45%, rgba(11,20,64,0.25) 100%);
}
.hero-content{position:relative; color:#fff; padding-top:120px; padding-bottom:64px; max-width:640px;}
.eyebrow{
  color:var(--amber); font-family:'Oswald',sans-serif; font-weight:600;
  font-size:0.98rem; letter-spacing:0.02em; margin-bottom:14px;
}
.eyebrow-dark{color:var(--blue);}
.hero h1{font-size:clamp(2.3rem, 5vw, 3.6rem); color:#fff;}
.hero-sub{
  font-size:1.08rem; color:#DDE1EE; max-width:480px;
  margin-top:20px; margin-bottom:30px;
}

.btn{
  display:inline-block; font-family:'Oswald',sans-serif; font-weight:600;
  font-size:1rem; letter-spacing:0.02em; padding:13px 30px;
  border-radius:2px; transition:transform .12s ease, background .12s ease;
}
.btn-primary{background:var(--amber); color:var(--navy);}
.btn-primary:hover{background:#EEA648; transform:translateY(-1px);}

/* Trust strip */
.trust-strip{background:var(--navy);}
.trust-inner{
  display:flex; align-items:baseline; gap:18px; justify-content:center;
  padding:34px 28px;
}
.trust-number{
  font-family:'Oswald',sans-serif; font-weight:700; font-size:3.4rem;
  color:var(--amber); line-height:1;
}
.trust-label{
  color:#EDEFF7; font-family:'Oswald',sans-serif; font-weight:500;
  font-size:1.05rem; line-height:1.25;
}

/* Sections */
.section{padding:76px 0;}
.section-copy{font-size:1.12rem; color:var(--ink-soft); line-height:1.7;}
.quality{background:#fff;}
.quality .section-copy{font-size:1.28rem; color:var(--ink); text-align:center; font-weight:500;}

/* Product */
.product{background:var(--paper);}
.product-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
.product-media img{border:1px solid var(--line);}
.product-copy h2{font-size:2.1rem; color:var(--navy); margin-bottom:16px;}
.product-copy > p{color:var(--ink-soft); margin-bottom:26px; font-size:1.05rem;}

.spec-list{
  display:grid; grid-template-columns:1fr 1fr; gap:12px 24px;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding:20px 0; margin-bottom:28px;
}
.spec-list > div{display:flex; justify-content:space-between; gap:12px; font-size:0.96rem;}
.spec-list dt{color:var(--ink-soft);}
.spec-list dd{font-weight:600; color:var(--navy);}

.features-heading{
  font-size:1rem; color:var(--navy); margin-bottom:12px;
  font-family:'Oswald',sans-serif; font-weight:600;
}
.features-list{list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:8px 18px; margin-bottom:16px;}
.features-list li{
  font-size:0.95rem; color:var(--ink-soft); padding-left:16px; position:relative;
}
.features-list li::before{
  content:""; position:absolute; left:0; top:9px;
  width:6px; height:6px; background:var(--amber);
}
.features-note{font-size:0.88rem; color:var(--ink-soft); margin-top:6px;}

/* Custom + Delivery bands */
.custom{background:#fff;}
.custom .section-copy{font-size:1.05rem;}
.delivery{background:var(--navy-soft);}
.delivery h2{color:#fff; font-size:1.9rem; margin-bottom:16px;}
.delivery .section-copy{color:#D6DAEA; font-size:1.08rem;}

/* Contact */
.contact-section{background:var(--paper);}
.contact-section h2{color:var(--navy); font-size:1.9rem; margin-bottom:16px;}
.contact-card{
  margin-top:30px; display:inline-block; text-align:left;
  border:1px solid var(--line); background:#fff; padding:26px 34px;
}
.contact-name{font-family:'Oswald',sans-serif; font-weight:600; font-size:1.15rem; color:var(--navy); margin-bottom:8px;}
.contact-card p{font-size:1.02rem; color:var(--ink-soft); margin-bottom:4px;}
.contact-card a:hover{color:var(--blue);}

/* Gallery page */
.gallery-hero{background:var(--navy); padding:64px 0 48px;}
.gallery-hero h1{color:#fff; font-size:clamp(1.8rem, 4vw, 2.6rem); margin-top:10px;}
.gallery-section{padding-top:56px;}
.gallery-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:14px;
}
.gallery-grid img{width:100%; height:280px; object-fit:cover; border:1px solid var(--line);}

/* Footer */
.site-footer{background:#FFFFFF; padding:36px 0; border-top:1px solid var(--line);}
.footer-inner{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px;}
.footer-logo{height:34px; width:auto; opacity:1;}
.site-footer p{color:var(--ink-soft); font-size:0.9rem;}

/* Responsive */
@media (max-width: 860px){
  .product-grid{grid-template-columns:1fr; gap:30px;}
  .gallery-grid{grid-template-columns:repeat(2, 1fr);}
  .site-nav{gap:16px;}
}
@media (max-width: 560px){
  .gallery-grid{grid-template-columns:1fr;}
  .spec-list, .features-list{grid-template-columns:1fr;}
  .hero-content{padding-top:96px;}
}

/* Accessibility: visible focus */
a:focus-visible, .btn:focus-visible{outline:2px solid var(--amber); outline-offset:2px;}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{transition:none !important;}
}