:root{--dark: #0a1a0f;--dark-mid: #0f2418;--dark-light: #152e1e;--od-green: #2d4a1e;--od-light: #3d6528;--forest: #1a3a1a;--orange: #f97316;--orange-dark: #ea580c;--amber: #f59e0b;--amber-glow: rgba(245, 158, 11, .15);--orange-glow: rgba(249, 115, 22, .15);--green-bright: #22c55e;--red: #ef4444;--white: #ffffff;--gray-50: #f8faf8;--gray-100: #f1f5f1;--gray-200: #dde5dd;--gray-300: #b8c5b8;--gray-400: #8a9a8a;--gray-500: #607060;--gray-600: #455545;--gray-700: #2d3d2d;--gray-800: #1a2a1a;--gray-900: #0f1f0f;--grad-orange: linear-gradient(135deg, #f97316, #f59e0b);--grad-hero: linear-gradient(160deg, #0a1a0f 0%, #152e1e 40%, #1a3520 60%, #0f2010 100%);--grad-card: linear-gradient(135deg, rgba(249,115,22,.06), rgba(245,158,11,.06));--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Space Grotesk", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--max-w: 1200px;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 12px 32px rgba(0,0,0,.15);--shadow-glow: 0 0 30px rgba(249,115,22,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);line-height:1.7;color:var(--gray-700);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--gray-900);letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem}h2{font-size:clamp(1.5rem,3.5vw,2.25rem);margin-bottom:.875rem}h3{font-size:1.375rem;margin-bottom:.75rem}p{margin-bottom:1rem}a{color:var(--orange);text-decoration:none;transition:all .2s ease}a:hover{color:var(--amber)}.header{position:sticky;top:0;z-index:1000;background:#0a1a0ff7;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(249,115,22,.15)}.nav{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;height:64px}.logo{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--white)}.logo-mark{width:36px;height:36px;background:var(--grad-orange);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;box-shadow:0 2px 8px #f973164d}.logo-text{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--white)}.logo-accent{color:var(--orange)}.nav-links{display:flex;list-style:none;gap:.125rem}.nav-links a{color:var(--gray-300);font-weight:500;font-size:.85rem;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:all .2s}.nav-links a:hover{color:var(--white);background:#ffffff14}.mobile-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.mobile-btn span{width:22px;height:2px;background:var(--white);border-radius:2px;transition:all .3s}.mobile-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-btn.active span:nth-child(2){opacity:0}.mobile-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--dark);border-bottom:1px solid rgba(249,115,22,.1);padding:.5rem}.mobile-nav.open{display:block}.mobile-nav a{display:block;color:var(--gray-300);padding:.875rem 1.25rem;font-weight:500;border-radius:var(--radius-sm)}.mobile-nav a:hover{color:var(--orange);background:#f9731614}@media (max-width: 900px){.nav-links{display:none}.mobile-btn{display:flex}}.footer{background:var(--dark);color:var(--gray-400);margin-top:5rem;border-top:1px solid rgba(249,115,22,.1)}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:4rem 1.5rem 2rem}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:3rem;margin-bottom:3rem}.footer-desc{margin-top:1rem;font-size:.9rem;line-height:1.6;color:var(--gray-500)}.footer-col h4{color:var(--white);font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.footer-col a{display:block;color:var(--gray-400);font-size:.875rem;padding:.3rem 0}.footer-col a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:2rem;font-size:.8rem;color:var(--gray-500)}.disclosure{margin-top:.5rem;font-size:.75rem;color:var(--gray-600)}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1 / -1}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr}}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:var(--font-display);font-weight:600;font-size:.9rem;border-radius:var(--radius);border:none;cursor:pointer;transition:all .25s ease;text-decoration:none}.btn-primary{background:var(--grad-orange);color:#fff;box-shadow:0 4px 12px #f973164d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731666;color:#fff}.btn-outline{background:transparent;color:var(--orange);border:2px solid rgba(249,115,22,.3)}.btn-outline:hover{border-color:var(--orange);background:#f9731614;color:var(--orange)}.btn-amazon{background:linear-gradient(135deg,#f90,#e88b00);color:#fff!important;font-weight:700;box-shadow:0 4px 12px #ff99004d}.btn-amazon:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f906;color:#fff}article{font-size:1.05rem;line-height:1.8}article h2{margin-top:2.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--gray-100)}article h3{margin-top:2rem}article ul,article ol{margin:1rem 0 1.5rem 1.5rem}article li{margin-bottom:.5rem;padding-left:.25rem}article li::marker{color:var(--orange)}article table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}article th{background:var(--dark);color:#fff;padding:.875rem 1rem;text-align:left;font-family:var(--font-display);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}article td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-100)}article tr:nth-child(2n){background:var(--gray-50)}article tr:hover{background:#f973160a}article blockquote{border-left:4px solid var(--orange);background:var(--orange-glow);padding:1.25rem 1.5rem;margin:1.5rem 0;border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--gray-600)}article code{font-family:var(--font-mono);background:var(--gray-100);padding:.15rem .4rem;border-radius:4px;font-size:.85em;color:var(--od-green)}article .product-card,article .product-box{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.5rem;margin:1.5rem 0;transition:all .3s ease}article .product-card:hover,article .product-box:hover{border-color:var(--orange);box-shadow:var(--shadow-glow)}article img{max-width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow)}.warning-box,article .warning{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-left:4px solid var(--red);padding:1.25rem 1.5rem;border-radius:0 var(--radius) var(--radius) 0;margin:1.5rem 0}.tip-box,article .tip{background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-left:4px solid var(--green-bright);padding:1.25rem 1.5rem;border-radius:0 var(--radius) var(--radius) 0;margin:1.5rem 0}