@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Lora:wght@500;600;700&display=swap');
:root{--ink:#081814;--paper:#edf9f6;--white:#fff;--deep:#040e0c;--mint:#20d0b0;--soft:#a8e0d0;--green:#0a6858;--card:#0e2820;--line:#286858}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--deep);font:16px/1.7 'DM Sans',sans-serif}h1,h2,h3{font-family:Lora,serif;line-height:1.2;margin:0 0 20px}h1{font-size:clamp(2.4rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.35rem}p{margin:0 0 18px}a{color:inherit}header.site-header{background:var(--ink);color:#fff;padding:20px 5%;position:relative;z-index:5}.nav-wrap,.container{max-width:1180px;margin:auto}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font:700 2rem Lora;color:#fff;text-decoration:none}.nav{display:flex;gap:20px;align-items:center;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.nav a{text-decoration:none;color:#fff}.nav a:hover{color:var(--mint)}.nav-toggle{display:none;background:none;border:1px solid var(--mint);color:var(--mint);padding:8px}.hero{min-height:85vh;display:grid;align-items:center;color:#fff;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.35)),url('../images/hero.jpg') center/cover}.hero img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-1}.hero .container{width:100%;padding:80px 5%}.hero p{max-width:700px;color:#fff;font-size:1.15rem}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-block;padding:13px 22px;text-decoration:none;border:1px solid var(--mint);font-weight:700}.button.primary{background:var(--mint);color:var(--ink)}.button.dark{background:var(--green);color:#fff}.button.outline{color:#fff}.section{padding:86px 5%}.section.dark{background:var(--ink);color:#fff}.section.dark h2,.section.dark h3,.section.dark p{color:#fff}.section.light h2,.section.light h3,.section.light p{color:var(--deep)}.grid-3,.grid-4{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{padding:28px;background:#fff;border:1px solid var(--green)}.dark .card{background:var(--card);border-color:var(--mint)}.card h3{color:var(--green)}.dark .card h3{color:var(--mint)}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:stretch}.split img,.article-image{width:100%;height:380px;object-fit:cover;display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.stat strong{display:block;font:700 3rem Lora;color:var(--mint)}.steps{counter-reset:item}.step{padding:20px 20px 20px 70px;position:relative}.step:before{counter-increment:item;content:counter(item);position:absolute;left:0;top:8px;font:700 3rem Lora;color:var(--mint)}blockquote{border-left:3px solid var(--mint);padding:20px 30px;font:italic 1.4rem Lora;color:#fff}.sidebar-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:42px}.sidebar{background:var(--ink);color:#fff;padding:24px;height:max-content}.sidebar h3{font:700 12px 'DM Sans';letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}.sidebar a{display:block;color:var(--soft);text-decoration:none;margin:8px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:14px;border:1px solid #b8d8d0;text-align:left}th{background:var(--green);color:#fff}.callout{border-left:4px solid var(--green);background:#d9eee8;padding:24px}.form-grid{display:grid;gap:16px;max-width:700px}label{font-weight:700}input,textarea,select{font:inherit;padding:13px;border:1px solid var(--line);background:#fff;color:var(--deep)}textarea{min-height:150px}.success{display:none;background:#1a5c2a;color:#fff;padding:14px}.site-footer{background:var(--deep);color:#78c8b8;padding:60px 5%}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.site-footer h3{font:700 11px 'DM Sans';letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}.site-footer a{display:block;text-decoration:none;margin:7px 0}.copyright{border-top:1px solid #1c4840;margin-top:36px;padding-top:18px;color:#1c4840;text-transform:uppercase;font-size:11px}.cookie{position:fixed;bottom:0;left:0;right:0;background:var(--ink);border:2px solid var(--mint);color:#fff;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:10}.cookie button{padding:10px 16px;border:1px solid var(--mint);background:none;color:var(--mint);cursor:pointer}.cookie .accept{background:var(--mint);color:var(--ink)}@media(max-width:768px){.nav-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;padding:24px;background:var(--ink);flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{min-height:60vh}.section{padding:56px 6%}.grid-3,.grid-4,.split,.sidebar-layout,.footer-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.cookie{display:block}.cookie .actions{margin-top:12px}.hero .container{padding:60px 6%}}

/* TABLE-COLOR-FIX */
td,th{color:#172033 !important}
table{width:100%;border-collapse:collapse;margin:16px 0}
th,td{padding:10px 14px;text-align:left;border:1px solid #d1d5db;color:#172033 !important}
thead th{background:#1e3a5f !important;color:#fff !important;font-weight:600}
tbody tr:nth-child(even) td{background:#f9fafb !important;color:#172033 !important;background:#f9fafb !important;color:#172033 !important}
tbody tr:nth-child(odd) td{background:#ffffff !important;color:#172033 !important;background:#ffffff !important;color:#172033 !important}
tbody tr:hover td{background:#f0f4f8 !important}
.dark table td,.dark table th,.hero table td,.stats table td,.cta table td{color:#fff !important}
/* TABLE-DARK-SECTION-FIX */
.dark table td,.dark table th,[class*="dark"] table td,[class*="dark"] table th {
  background:#1e3a5f !important;color:#fff !important;border-color:#2d4a6f !important}
.dark tbody tr:nth-child(even) td,[class*="dark"] tbody tr:nth-child(even) td {
  background:#162d4a !important;color:#fff !important}
.dark tbody tr:nth-child(odd) td,[class*="dark"] tbody tr:nth-child(odd) td {
  background:#1e3a5f !important;color:#fff !important}
.dark thead th,[class*="dark"] thead th {background:#0f2138 !important;color:#fff !important}
/* CARD-IN-DARK-FIX */
.dark .card,.dark .article-card,.dark .product-card,.dark article,.dark .step,.dark .feature,.dark .box,
[class*="dark"] .card,[class*="dark"] article,[class*="dark"] .step,[class*="dark"] .feature {
  color:#172033 !important}
.dark .card h1,.dark .card h2,.dark .card h3,.dark .card p,.dark .card span,
.dark article h2,.dark article h3,.dark article p,.dark .step h3,.dark .step p,
[class*="dark"] .card h2,[class*="dark"] .card h3,[class*="dark"] .card p,
[class*="dark"] article h3,[class*="dark"] article p {color:#172033 !important}
/* IMG-RESP-OVERRIDE */
.hero img{height:320px !important;max-height:320px;width:100%;object-fit:cover;display:block}
.split img,.visual img,.content img,.about img,.feature img,.intro img,.content-image{
  height:280px !important;max-height:280px;width:100%;object-fit:cover;display:block}
.card img,.product-card img,.article-card img,.post-card img,.product img{
  height:220px !important;max-height:220px;width:100%;object-fit:cover;display:block}
.gallery img{height:220px !important;max-height:220px;width:100%;object-fit:cover;display:block}
.gallery img:first-child{height:320px !important;max-height:320px}
.card,.product-card,.article-card,.post-card{overflow:hidden}
img{max-width:100%;height:auto;display:block}
/* BTN-HERO-FIX */
.hero .btn{position:relative;z-index:2}
.hero .btn-primary{color:#fff !important}
.hero .btn-outline{border-color:#fff;color:#fff !important;background:transparent}