:root{--petrol:#1A4F54;--petrol-deep:#0F3B3F;--neon:#D4FF00;--ink:#0F172A;--muted:#5A6E70;--bg:#fff;--bg-soft:#F8FAFC;--bg-mint:#EDF4F3;--line:#DCE7E6}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Raleway',sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}
a{color:var(--petrol);font-weight:650}.wrap{max-width:780px;margin:0 auto;padding:0 24px}
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-180%);padding:10px 14px;border-radius:8px;background:var(--neon);color:var(--ink);font:800 14px/1.2 system-ui,sans-serif}.skip-link:focus{transform:none;outline:3px solid #fff;outline-offset:2px}
.top{background:linear-gradient(180deg,rgba(9,26,31,.98),rgba(12,52,58,.95));border-bottom:1px solid rgba(255,255,255,.1)}
.top .nav-wrap{max-width:1180px;margin:0 auto;padding:0 28px;height:64px;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:18px;font-weight:800}.logo img{height:23px;width:auto}.logo b{color:var(--neon)}.nav-links{display:flex;gap:22px;margin-left:auto}.nav-links a{color:rgba(255,255,255,.72);text-decoration:none;font-size:13px}.nav-links a:hover{color:var(--neon)}
.hero{background:linear-gradient(155deg,var(--ink),var(--petrol-deep) 72%,var(--petrol));color:#fff;padding:64px 0 56px}.kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--neon);margin-bottom:16px}.hero h1{font-size:clamp(34px,5.3vw,54px);font-weight:800;line-height:1.08;letter-spacing:-.025em;max-width:920px}.hero .lead{font-size:19px;color:rgba(255,255,255,.75);margin-top:20px;max-width:68ch}.meta{font-size:13px;color:rgba(255,255,255,.58);margin-top:20px}
article{padding:58px 0 82px}article h2{font-size:27px;line-height:1.2;letter-spacing:-.015em;margin:44px 0 14px}article h3{font-size:19px;margin:28px 0 10px}article p{font-size:17px;margin-bottom:18px}article ul,article ol{margin:0 0 20px 24px}article li{font-size:17px;margin-bottom:9px}.callout{background:var(--bg-mint);border-left:4px solid var(--petrol);border-radius:0 10px 10px 0;padding:20px 24px;margin:28px 0}.steps{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:25px 28px;margin:28px 0}.product-shot{margin:32px 0}.product-shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 36px rgba(15,79,84,.12)}.caption{font-size:12px;color:var(--muted);margin-top:8px}.faq{border-top:1px solid var(--line);margin-top:44px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-weight:800;cursor:pointer}.faq details p{font-size:15px;color:var(--muted);margin:10px 0 0}.sources{background:var(--bg-soft);border-radius:12px;padding:22px 24px;margin-top:40px}.sources h2{font-size:19px;margin:0 0 12px}.sources li,.sources a{font-size:14px}.cta-box{background:linear-gradient(160deg,var(--ink),var(--petrol-deep) 75%);color:#fff;border-radius:16px;padding:30px;margin-top:42px}.cta-box h2{margin:0 0 10px;font-size:24px}.cta-box p{color:rgba(255,255,255,.72);font-size:16px}.cta-box a{display:inline-flex;background:var(--neon);color:var(--ink);border-radius:999px;padding:11px 18px;text-decoration:none;font-weight:800}.related{margin-top:38px}.related h2{font-size:20px;margin:0 0 12px}.related a{display:block;padding:10px 0;border-bottom:1px solid var(--line)}
.article-cover{margin:0 0 38px;border-radius:16px;overflow:hidden;aspect-ratio:43/24;background:linear-gradient(150deg,var(--ink),var(--petrol-deep) 70%,var(--petrol));box-shadow:0 18px 42px rgba(15,79,84,.14)}.article-cover img{display:block;width:100%;height:100%;object-fit:cover}.feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 32px}.feed-card{background:var(--bg-soft);border:1px solid var(--line);border-top:4px solid var(--petrol);border-radius:12px;padding:18px}.feed-card h3{font-size:17px;margin:0 0 8px}.feed-card p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}
footer{background:var(--ink);color:rgba(255,255,255,.55);padding:34px 0;text-align:center;font-size:13px}
@media(max-width:680px){.nav-links{display:none}.top .nav-wrap{padding:0 20px}.hero{padding:48px 0 42px}.hero .lead{font-size:17px}article{padding-top:42px}article h2{font-size:24px}.article-cover{margin-bottom:30px;border-radius:12px}.feed-grid{grid-template-columns:1fr}.steps{padding:20px}.cta-box{padding:24px}}