/* BRENOVAL — css/style.css */
@theme { --color-bg-primary:#0E1410; --color-bg-secondary:#162018; --color-ink-primary:#E8F4EE; --color-ink-muted:#5A8A6A; --color-accent:#6A9A7A; --font-display:'Outfit',sans-serif; --font-body:'Nunito Sans',Arial,sans-serif; }
:root{--bg:#0E1410;--panel:#162018;--ink:#E8F4EE;--muted:#A9C0AF;--sage:#6A9A7A;--line:rgba(255,255,255,.1);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65}a{color:var(--ink);text-decoration:none}a:hover{color:var(--sage)}p{margin:0 0 1rem}.container{width:min(calc(100% - 3rem),var(--max));margin:auto}.topbar{text-align:center;background:var(--panel);color:var(--sage);padding:.5rem 1rem;border-bottom:1px solid var(--line);font-size:.78rem}.site-header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:10}.nav-wrap{display:flex;align-items:center;gap:1.5rem;min-height:78px}.wordmark{font:700 2rem var(--font-display);letter-spacing:-.04em;color:var(--ink);margin-right:auto}.site-header nav{display:flex;gap:1.1rem;align-items:center;font-size:.85rem}.phone{border:1px solid var(--sage);padding:.45rem .8rem;border-radius:2rem;color:var(--ink);white-space:nowrap}.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-size:1.4rem}.cookie-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:1rem;width:calc(100% - 1.5rem);max-width:1000px;z-index:50;background:rgba(14,20,16,.96);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 40px #0008}.cookie-inner{padding:1rem 1.25rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.cookie-inner p{margin:0}.cookie-inner button{background:var(--sage);color:#fff;border:0;border-radius:999px;padding:.5rem 1rem;margin:.2rem;cursor:pointer}.cookie-inner button+button{background:transparent;border:1px solid var(--line)}main{overflow:hidden}.hero{padding:7rem 0 6rem;background:linear-gradient(110deg,#0E1410 45%,#1d3525);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center}.eyebrow{color:var(--sage);text-transform:uppercase;letter-spacing:.16em;font-size:.75rem}.hero h1{font:700 clamp(2.8rem,7vw,6rem)/1.02 var(--font-display);letter-spacing:-.065em;margin:.8rem 0 1.5rem;color:#fff}.hero p{font-size:1.15rem;color:#D4E5D9;max-width:620px}.hero img,.feature-image img,.article-image img,.product-image img{width:100%;height:420px;object-fit:cover;border-radius:12px}.section{padding:5rem 0}.section.alt{background:var(--panel)}.section h2{font:700 clamp(2rem,4vw,3.4rem)/1.1 var(--font-display);letter-spacing:-.04em;color:#fff;margin:0 0 1.5rem}.section h3{font:700 1.25rem var(--font-display);color:#fff}.section-intro{max-width:680px;color:#C3D7C8;font-size:1.08rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.card{border:1px solid var(--line);background:#111a13;padding:1.6rem;border-radius:10px}.card p{color:#BBD0C0}.card img{height:200px;object-fit:cover;width:100%;border-radius:7px;margin-bottom:1rem}.tag{display:inline-block;color:var(--sage);font-size:.8rem;letter-spacing:.08em}.link{color:var(--sage);font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;background:var(--sage);padding:2rem;border-radius:12px}.stat strong{display:block;font:700 2.8rem var(--font-display);color:#fff}.stat span{color:#F3FFF6}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.split.reverse{grid-template-columns:.9fr 1.1fr}.quote{border-left:4px solid var(--sage);padding:1rem 2rem;font:700 1.4rem var(--font-display);color:#fff}.timeline{display:grid;gap:1rem}.timeline article{display:grid;grid-template-columns:120px 1fr;gap:2rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.timeline time{color:var(--sage);font-weight:700}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}.data-table{width:100%;border-collapse:collapse;min-width:650px}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--line)}.data-table th{color:#fff;background:#1d2c20}.data-table td{color:#C6D9CB}.callout{background:#243e2b;border:1px solid var(--sage);padding:1.5rem;border-radius:10px;color:#fff}.callout h3,.callout p{color:#fff}.toc{position:sticky;top:100px;border:1px solid var(--line);padding:1.4rem;background:var(--panel)}.toc a{display:block;padding:.35rem 0;color:#C6D9CB}.article-list{display:grid;gap:1rem}.article-row{display:grid;grid-template-columns:180px 1fr;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--line)}.article-row img{width:180px;height:120px;object-fit:cover;border-radius:8px}.product-head{padding:5rem 0 3rem;background:var(--panel)}.product-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:center}.prose{max-width:850px}.prose h2{margin-top:3rem}.prose p,.prose li{color:#C6D9CB}.prose ul,.prose ol{padding-left:1.4rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.map{height:430px;border:1px solid var(--line)}.site-footer{background:#09100b;border-top:1px solid var(--line);padding:4rem 0 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:2rem}.footer-grid h2,.footer-grid h3{color:#fff;font-family:var(--font-display)}.footer-grid p,.footer-grid a{color:#B4C8B8}.footer-grid a{display:block;margin:.35rem 0}.footer-bottom{text-align:center;border-top:1px solid var(--line);margin-top:3rem;padding:1.2rem;color:var(--sage)}.footer-bottom small{color:#A7B9AA}.notice{font-size:.88rem;color:#B8CCBC}.error-page{min-height:60vh;display:grid;place-items:center;text-align:center}.error-page h1{font:700 6rem var(--font-display);color:var(--sage)}
@media(max-width:900px){.site-header nav{display:none}.menu-toggle{display:block}.hero-grid,.product-layout,.split,.split.reverse,.contact-grid{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding:5rem 0}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container{width:min(calc(100% - 2rem),var(--max))}.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:3.2rem}.hero img,.feature-image img,.article-image img,.product-image img{height:280px}.cookie-inner{display:block}.phone{display:none}.timeline article,.article-row{grid-template-columns:1fr}.article-row img{width:100%;height:190px}}