:root{color-scheme:light dark;--primary: #e07a5f;--primary-hover: #c96a50;--primary-active: #b25a42;--primary-light: #fef3f0;--primary-rgb: 224, 122, 95;--secondary: #97ddff;--secondary-hover: #7bcef5;--secondary-light: #e8f7ff;--success: #10b981;--success-hover: #059669;--success-light: #ecfdf5;--success-rgb: 16, 185, 129;--success-border: #a7f3d0;--warning: #f59e0b;--warning-hover: #d97706;--warning-light: #fffbeb;--warning-rgb: 245, 158, 11;--warning-bg: #fef3c7;--warning-text: #92400e;--warning-border: #fde68a;--danger: #ef4444;--danger-hover: #dc2626;--danger-light: #fef2f2;--danger-rgb: 239, 68, 68;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-text: #991b1b;--info: #3b82f6;--info-hover: #2563eb;--info-light: #eff6ff;--info-rgb: 59, 130, 246;--info-bg: #dbeafe;--text: #1e293b;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--muted: #94a3b8;--bg: #ffffff;--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-surface: #ffffff;--bg-hover: #f1f5f9;--bg-elevated: #ffffff;--bg-overlay: rgb(0 0 0 / .5);--border: #e2e8f0;--border-color: #e2e8f0;--border-hover: #cbd5e1;--border-focus: var(--primary);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-primary: 0 1px 3px 0 rgb(0 0 0 / .1);--shadow-primary-hover: 0 4px 6px -1px rgb(0 0 0 / .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--navy: #1e293b;--navy-deep: #0f172a;--navy-soft: #263247;--navy-border: #334155;--bg-soft: var(--bg-primary);--bg-band: var(--bg-hover);--surface: var(--bg-surface);--border-strong: var(--border-hover);--radius: var(--radius-md);--max-width: 1200px;font-family:var(--font-family)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--primary: #e07a5f;--primary-hover: #e8917a;--primary-active: #c96a50;--primary-light: rgb(224 122 95 / .15);--primary-rgb: 224, 122, 95;--secondary: #97ddff;--secondary-hover: #b0e5ff;--secondary-light: rgb(151 221 255 / .18);--success: #34d399;--success-hover: #10b981;--success-light: rgb(52 211 153 / .18);--success-rgb: 52, 211, 153;--success-border: rgb(52 211 153 / .4);--warning: #fbbf24;--warning-hover: #f59e0b;--warning-light: rgb(251 191 36 / .18);--warning-rgb: 251, 191, 36;--warning-bg: rgb(251 191 36 / .15);--warning-text: #fcd34d;--warning-border: rgb(251 191 36 / .4);--danger: #f87171;--danger-hover: #ef4444;--danger-light: rgb(248 113 113 / .18);--danger-rgb: 248, 113, 113;--danger-bg: rgb(248 113 113 / .15);--danger-border: rgb(248 113 113 / .4);--danger-text: #fca5a5;--info: #60a5fa;--info-hover: #3b82f6;--info-light: rgb(96 165 250 / .18);--info-rgb: 96, 165, 250;--info-bg: rgb(96 165 250 / .25);--text: #f8fafc;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--muted: #94a3b8;--bg: #0f172a;--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-surface: #1e293b;--bg-hover: #334155;--bg-elevated: #334155;--bg-overlay: rgb(0 0 0 / .7);--border: #334155;--border-color: #334155;--border-hover: #475569;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4);--shadow-primary: 0 1px 3px 0 rgb(0 0 0 / .2);--shadow-primary-hover: 0 4px 6px -1px rgb(0 0 0 / .3);--navy: var(--bg-primary);--navy-deep: var(--bg-secondary);--navy-soft: var(--bg-elevated);--navy-border: var(--border);--bg-soft: var(--bg-primary);--bg-band: var(--bg-hover);--surface: var(--bg-surface);--border-strong: var(--border-hover)}}[data-theme=dark]{--primary: #e07a5f;--primary-hover: #e8917a;--primary-active: #c96a50;--primary-light: rgb(224 122 95 / .15);--primary-rgb: 224, 122, 95;--secondary: #97ddff;--secondary-hover: #b0e5ff;--secondary-light: rgb(151 221 255 / .18);--success: #34d399;--success-hover: #10b981;--success-light: rgb(52 211 153 / .18);--success-rgb: 52, 211, 153;--success-border: rgb(52 211 153 / .4);--warning: #fbbf24;--warning-hover: #f59e0b;--warning-light: rgb(251 191 36 / .18);--warning-rgb: 251, 191, 36;--warning-bg: rgb(251 191 36 / .15);--warning-text: #fcd34d;--warning-border: rgb(251 191 36 / .4);--danger: #f87171;--danger-hover: #ef4444;--danger-light: rgb(248 113 113 / .18);--danger-rgb: 248, 113, 113;--danger-bg: rgb(248 113 113 / .15);--danger-border: rgb(248 113 113 / .4);--danger-text: #fca5a5;--info: #60a5fa;--info-hover: #3b82f6;--info-light: rgb(96 165 250 / .18);--info-rgb: 96, 165, 250;--info-bg: rgb(96 165 250 / .25);--text: #f8fafc;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--muted: #94a3b8;--bg: #0f172a;--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-surface: #1e293b;--bg-hover: #334155;--bg-elevated: #334155;--bg-overlay: rgb(0 0 0 / .7);--border: #334155;--border-color: #334155;--border-hover: #475569;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4);--shadow-primary: 0 1px 3px 0 rgb(0 0 0 / .2);--shadow-primary-hover: 0 4px 6px -1px rgb(0 0 0 / .3);--navy: var(--bg-primary);--navy-deep: var(--bg-secondary);--navy-soft: var(--bg-elevated);--navy-border: var(--border);--bg-soft: var(--bg-primary);--bg-band: var(--bg-hover);--surface: var(--bg-surface);--border-strong: var(--border-hover)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:inherit;line-height:1.6;background:var(--navy);text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit}main{background:var(--navy)}article{background:var(--bg)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-surface);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}@media(prefers-color-scheme:dark){.landing-nav{background:#1e293bf2}}[data-theme=dark] .landing-nav{background:#1e293bf2}[data-theme=light] .landing-nav{background:#fffffff2}.nav-container{max-width:var(--max-width);margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-logo{font-size:24px;font-weight:700;color:var(--primary);text-decoration:none;white-space:nowrap}.nav-actions{display:flex;align-items:center;gap:16px}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{display:flex;align-items:center;gap:16px;padding:16px 24px;border-left:3px solid transparent;color:var(--text-secondary);font-size:16px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{background:var(--bg-hover);color:var(--primary)}.theme-toggle-landing{min-height:40px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:none;color:var(--text-secondary);cursor:pointer;font-size:16px;transition:background .2s,border-color .2s}.theme-toggle-landing:hover{background:var(--bg-hover);border-color:var(--border-hover)}.nav-mobile-toggle{width:44px;height:44px;display:none;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);color:var(--text-primary);cursor:pointer;font-size:20px}.nav-mobile-panel{display:none;max-width:var(--max-width);margin:0 auto;padding:0 24px 20px}.nav-mobile-panel.active{display:block}.nav-mobile-links{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg-primary);box-shadow:0 12px 32px #0f172a1f}.nav-mobile-link{min-height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:12px;background:var(--bg-surface);color:var(--text-primary);font-weight:600;text-decoration:none}.nav-mobile-controls{display:flex}.nav-mobile-controls .theme-toggle-landing{width:100%;min-height:48px}.section{width:min(100% - 32px,var(--max-width));margin:0 auto;padding:80px 0}.hero{min-height:clamp(560px,70vh,812px);display:grid;align-items:center;padding-top:96px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;text-align:center}.hero-inner{width:min(100% - 48px,1120px);margin:0 auto;padding:78px 0 92px}.eyebrow{color:#ffffffc7;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero h1,.page-hero h1{max-width:1040px;margin:16px auto 28px;font-size:clamp(42px,6.2vw,76px);line-height:1.12;letter-spacing:0}.hero p,.page-hero p{max-width:980px;margin:0 auto;color:#fffffff0;font-size:20px;line-height:1.55}.hero-actions,.inline-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:28px}.button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;padding:14px 30px;border:1px solid transparent;border-radius:12px;font-size:17px;font-weight:800;text-decoration:none}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-hover)}.hero .button.primary,.page-hero .button.primary{background:var(--bg-surface);color:var(--primary);box-shadow:0 4px 14px #0003}.hero .button.primary:hover,.page-hero .button.primary:hover{background:var(--bg-surface);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.button.secondary{background:#ffffff14;border-color:#ffffffe0;border-width:2px;color:#fff}.button.light{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary)}.band{background:var(--navy);border-top:1px solid var(--navy-border);border-bottom:1px solid var(--navy-border);color:#fff}.dark-section{color:#fff;padding-top:32px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section-heading h2{margin:0;color:inherit;font-size:42px;line-height:1.15}.section-heading p{max-width:560px;margin:8px 0 0;color:#cbd5e1}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.post-card{min-height:100%;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:0;border:1px solid var(--navy-border);border-radius:16px;background:var(--navy-soft);box-shadow:0 12px 32px #0f172a2e;text-decoration:none}.post-card:hover{border-color:#e07a5f6b;box-shadow:0 18px 42px #0f172a42;transform:translateY(-4px)}.post-card-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid var(--navy-border);opacity:.9}.post-card>:not(.post-card-image){margin-left:22px;margin-right:22px}.post-card>:last-child{margin-bottom:22px}.post-card>.post-meta{margin-top:22px}.post-card h3{margin:0;color:#fff;font-size:21px;line-height:1.25}.post-card p{margin:0;color:#cbd5e1}.post-meta,.tag-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#94a3b8;font-size:13px}.tag{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;background:#e07a5f24;color:#f2a58f;font-size:13px;font-weight:700}.page-hero{padding-top:96px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;text-align:center}.page-hero .section{padding:96px 0}.article-hero{padding-top:96px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;text-align:center}.article-hero .post-meta{justify-content:center;color:#ffffffd1}.article-hero .tag{background:#ffffff2e;color:#fff}.article-shell{width:min(100% - 32px,820px);margin:0 auto}.article-header{padding:84px 0 92px}.article-body{padding:64px 0;color:var(--text);background:var(--bg)}.article-header h1{margin:14px auto 20px;color:#fff;font-size:clamp(40px,6vw,64px);line-height:1.1;letter-spacing:0}.article-header p{margin:0 0 18px;color:#fffffff0;font-size:19px}.article-content{color:var(--text);font-size:18px}.article-content h2{margin:42px 0 12px;font-size:28px;line-height:1.2}.article-content p,.article-content ul,.article-content ol{margin:0 0 20px}.article-content ul,.article-content ol{padding-left:24px}.article-content a{color:var(--primary-hover);font-weight:700}.article-product-suggestion{margin-top:44px;padding:24px;border:1px solid rgb(224 122 95 / .34);border-radius:var(--radius);background:var(--primary-light)}.product-kicker{display:inline-flex;margin-bottom:8px;color:var(--primary-hover);font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.article-product-suggestion h2{margin:0 0 8px;font-size:24px;line-height:1.2}.article-product-suggestion p{margin:0 0 16px;color:var(--text-secondary)}.article-product-suggestion ul{margin:0;padding-left:20px}.article-product-suggestion li{margin-bottom:8px}.article-product-suggestion li:last-child{margin-bottom:0}.article-cta{margin-top:44px;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft)}.article-cta h2{margin:0 0 8px;font-size:24px}.article-cta p{margin:0;color:var(--text-secondary)}.band .article-cta{background:var(--navy-soft);border-color:var(--navy-border)}.band .article-cta h2{color:#fff}.band .article-cta p{color:#cbd5e1}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--navy-border);border-radius:16px;background:var(--navy-soft)}.faq-item summary{cursor:pointer;padding:18px 20px;color:#fff;font-size:18px;font-weight:750}.faq-item p{margin:0;padding:0 20px 20px;color:#cbd5e1}.footer{background:var(--navy-deep);color:#fff;padding:48px 24px 24px}.footer-container{max-width:var(--max-width);margin:0 auto 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px}.footer-section h3{margin:0 0 16px;color:#fff;font-size:16px;font-weight:600}.footer-section p{margin:0;color:var(--text-muted)}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.footer-bottom{max-width:var(--max-width);margin:0 auto;padding-top:24px;border-top:1px solid var(--navy-border);color:var(--text-secondary);text-align:center}.footer-bottom p{margin:0}@media(max-width:768px){.hero,.page-hero,.article-hero{padding-top:72px}.nav-container{padding:12px 16px}.nav-actions{gap:12px}.nav-links{display:none}.nav-mobile-toggle{display:inline-flex}.nav-logo{font-size:20px}.nav-mobile-panel{padding-inline:16px}}@media(max-width:860px){.hero{min-height:620px}.hero h1,.page-hero h1,.article-header h1{font-size:42px}.hero p,.page-hero p{font-size:18px}.section-heading{align-items:start;flex-direction:column}.post-grid{grid-template-columns:1fr}}