/* KRELVAN — css/style.css */
@theme { --color-bg-primary:#0E1018; --color-bg-secondary:#161820; --color-ink-primary:#E8ECFA; --color-ink-muted:#8A9CC8; --color-accent:#6A8EC8; --font-display:'Space Grotesk',sans-serif; --font-body:'Inter',Arial,sans-serif; }
:root{--bg:#0E1018;--panel:#161820;--text:#E8ECFA;--muted:#8A9CC8;--accent:#6A8EC8;--line:rgba(232,236,250,.14);--max:1180px}.cookie-banner{display:none}.cookie-banner.show{display:block}.map{height:min(360px,50vw);min-height:220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6}a{color:var(--text);text-decoration:none}a:hover{color:var(--accent)}h1,h2,h3{font-family:var(--font-display);line-height:1.1;letter-spacing:-.03em}h1{font-size:clamp(2.7rem,7vw,6rem);margin:.5rem 0}h2{font-size:clamp(2rem,4vw,3.4rem);margin:0 0 1rem}h3{font-size:1.3rem}p{color:var(--text);margin:.75rem 0}.container{width:min(100% - 2rem,var(--max));margin:0 auto}.topbar{background:#161820;color:#E8ECFA!important;text-align:center;font-size:.75rem;padding:.5rem;user-select:none;border-bottom:1px solid var(--line)}.site-header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:5}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:var(--font-display);font-size:1.6rem;font-weight:700}.nav-links{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.button{display:inline-block;background:var(--accent);color:#fff;padding:.8rem 1.25rem;border-radius:999px;font-weight:600;border:0;cursor:pointer}.hero{padding:7rem 0;background:linear-gradient(120deg,#0E1018 0%,#161820 100%)}.hero-grid,.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.eyebrow{color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.15em;font-size:.78rem}.hero-product-img{width:100%;max-height:480px;object-fit:contain;background:transparent;border-radius:16px;}section{padding:5rem 0}.section-kicker{color:var(--accent);font-size:.8rem;letter-spacing:.13em;text-transform:uppercase}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.card{background:var(--panel);border:1px solid var(--line);padding:1.5rem;border-radius:14px}.stats{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;text-align:center}.stat{flex:1;min-width:150px}.stat strong{display:block;font:700 2.8rem var(--font-display);color:var(--accent)}.band{background:var(--accent);color:#fff}.band h2,.band h3,.band p{color:#fff}.dark{background:var(--panel)}.quote{border-left:4px solid var(--accent);padding:1.25rem 1.5rem;background:var(--panel)}blockquote{margin:0;color:var(--text);font-size:1.15rem}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--line)}.data-table th{color:var(--text)}.data-table td{color:var(--text)}.timeline{display:grid;gap:1rem}.step{display:grid;grid-template-columns:70px 1fr;gap:1rem;align-items:start}.step-number{font:700 2rem var(--font-display);color:var(--accent)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery img,.content-image{width:100%;height:240px;object-fit:cover;border-radius:12px}.faq-list{display:grid;gap:.75rem}.faq-item{background:var(--panel);padding:1rem 1.25rem;border-radius:10px;border:1px solid var(--line)}.faq-item h3{margin:.1rem 0;color:var(--text)}.form-grid{display:grid;gap:1rem}.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:var(--bg);border:1px solid var(--line);padding:.8rem;border-radius:8px;color:var(--text)}.footer{background:#161820;padding:4rem 0 2rem;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer h3,.footer p,.footer a{color:var(--text)}.footer-links{display:grid;gap:.4rem}.legal-note{font-size:.8rem;color:var(--muted)!important;margin-top:2rem}.cookie{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);width:min(95%,900px);background:#161820;color:#E8ECFA;padding:1rem;border:1px solid var(--line);border-radius:14px;z-index:10;display:none}.cookie.show{display:block}.notice{padding:1rem 1.25rem;border-left:4px solid var(--accent);background:var(--panel)}.prose{max-width:850px}.prose h2{margin-top:2.5rem}.prose li{margin:.5rem 0;color:var(--text)}.map{height:360px}.map iframe{width:100%;height:100%;border:0}@media(max-width:800px){.nav-links{display:none}.hero-grid,.split,.grid-2{grid-template-columns:1fr}.grid-3,.gallery{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding:4rem 0}.step{grid-template-columns:48px 1fr}}@media(max-width:480px){section{padding:3.5rem 0}.footer-grid{grid-template-columns:1fr}.stats{display:grid;grid-template-columns:1fr 1fr}}

/* === CSS FIXES — images, layout, contrast === */
html, body { overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100% !important; height: auto !important; display: block; }
.hero img, .hero-img, .product-img, .content-img, .split img,
.feature-img, .about-img, .card img, section img {
  width: 100% !important; max-height: 520px !important;
  object-fit: cover !important; border-radius: 8px !important;
}
.wrap, .inner, .container, .section-inner {
  max-width: 1280px !important; margin-left: auto !important;
  margin-right: auto !important; padding-left: 24px !important;
  padding-right: 24px !important; box-sizing: border-box !important;
}
.hero { display: block !important; overflow: hidden !important; }
.hero > .wrap, .hero > .inner, .hero > .container, .hero > div {
  max-width: 1280px !important; margin: 0 auto !important; padding: 0 24px !important;
}
.grid-3, .grid3 { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 28px !important; }
.grid-4, .grid4 { display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 24px !important; }
.split { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 3rem !important; align-items: center !important; }
.stats-row, .stats { display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 2rem !important; text-align: center !important; }
.hero h1, .hero h2, .hero p { color: var(--ink, var(--text, #1a1a1a)); }
footer .wrap, footer .inner { max-width: 1280px !important; margin: 0 auto !important; padding: 3rem 24px !important; }
@media (max-width: 1023px) {
  .split { grid-template-columns: 1fr !important; }
  .stats-row, .stats { grid-template-columns: repeat(2,1fr) !important; }
}
@media (max-width: 767px) {
  .grid-3,.grid3,.grid-4,.grid4,.split,.stats-row,.stats { grid-template-columns: 1fr !important; }
  .hero { padding: 3rem 0 !important; }
  h1 { font-size: clamp(1.8rem,8vw,2.8rem) !important; }
}