*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--dark: #0F172A;--dark-2: #1E293B;--text: #334155;--muted: #64748B;--border: #E2E8F0;--bg-gray: #F8FAFC;--white: #FFFFFF;--indigo: #6366F1;--indigo-dk: #4F46E5;--indigo-lt: #EEF2FF;--green: #22C55E;--radius: 12px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 4px 6px rgba(0,0,0,.05), 0 10px 40px rgba(0,0,0,.12)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:var(--text);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.container{max-width:1100px;margin:0 auto;padding:0 24px}nav{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:32px}.logo{font-size:1.25rem;font-weight:800;color:var(--dark);letter-spacing:-.03em;flex-shrink:0}.nav-links{display:flex;gap:28px;flex:1}.nav-links a{font-size:.9rem;font-weight:500;color:var(--muted);transition:color .15s}.nav-links a:hover{color:var(--dark)}.nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.btn-ghost{font-size:.875rem;font-weight:500;color:var(--muted);padding:8px 14px;border-radius:8px}.btn-ghost:hover{color:var(--dark)}.btn-primary{font-size:.875rem;font-weight:600;color:var(--white);background:var(--indigo);padding:8px 18px;border-radius:8px;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--indigo-dk);transform:translateY(-1px)}.cta-banner{background:var(--indigo);padding:80px 0;text-align:center}.cta-inner{max-width:680px;margin:0 auto;padding:0 24px}.cta-banner h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;color:var(--white);letter-spacing:-.03em;margin-bottom:12px}.cta-banner p{color:#ffffffbf;font-size:1rem;margin-bottom:32px}.btn-cta{display:inline-block;background:var(--white);color:var(--indigo);font-size:1rem;font-weight:700;padding:14px 36px;border-radius:10px;transition:transform .15s,box-shadow .15s}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}footer{background:var(--dark);padding:48px 0 32px}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:40px}.footer-left .logo{display:block;font-size:1.25rem;font-weight:800;color:var(--white);letter-spacing:-.03em;margin-bottom:8px}.footer-left p{font-size:.85rem;color:#475569}.footer-links{display:flex;gap:24px}.footer-links a{font-size:.85rem;color:#475569;transition:color .15s}.footer-links a:hover{color:#94a3b8}.footer-copy{font-size:.8rem;color:#334155;border-top:1px solid #1E293B;padding-top:24px}.content-hero{background:var(--dark);padding:72px 0 64px}.content-hero .container{max-width:860px}.content-tag{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc;margin-bottom:16px}.content-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--white);letter-spacing:-.03em;line-height:1.15;margin-bottom:20px}.content-hero p{font-size:1.1rem;color:#94a3b8;line-height:1.7;max-width:640px}.comparison-tldr{background:var(--indigo-lt);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius);padding:28px 32px;margin:48px 0}.comparison-tldr h2{font-size:1rem;font-weight:700;color:var(--indigo);margin-bottom:12px;letter-spacing:0;text-transform:none}.comparison-tldr ul{list-style:none;display:flex;flex-direction:column;gap:8px}.comparison-tldr li{display:flex;gap:10px;font-size:.95rem;color:var(--text)}.comparison-tldr li:before{content:"→";color:var(--indigo);font-weight:700;flex-shrink:0}.content-body{max-width:860px;margin:0 auto;padding:0 24px 96px}.content-body h2{font-size:1.5rem;font-weight:800;color:var(--dark);letter-spacing:-.02em;margin:48px 0 16px}.content-body h3{font-size:1.1rem;font-weight:700;color:var(--dark);margin:28px 0 10px}.content-body p{font-size:1rem;color:var(--text);line-height:1.8;margin-bottom:16px}.content-body ul{margin:12px 0 20px 20px}.content-body li{font-size:1rem;color:var(--text);line-height:1.8;margin-bottom:6px}.content-body a{color:var(--indigo);text-decoration:underline}.content-body a:hover{color:var(--indigo-dk)}.comparison-table-wrap{overflow-x:auto;margin:32px 0}.comparison-table{width:100%;border-collapse:collapse;font-size:.9rem}.comparison-table th{background:var(--dark);color:var(--white);text-align:left;padding:12px 16px;font-weight:700;font-size:.85rem}.comparison-table th:first-child{border-radius:8px 0 0}.comparison-table th:last-child{border-radius:0 8px 0 0}.comparison-table td{padding:11px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top}.comparison-table tr:nth-child(2n) td{background:var(--bg-gray)}.comparison-table tr:last-child td:first-child{border-radius:0 0 0 8px}.comparison-table tr:last-child td:last-child{border-radius:0 0 8px}.check-yes{color:#16a34a;font-weight:700}.check-no{color:#dc2626}.check-partial{color:#d97706}.col-snoopt{background:var(--indigo-lt)!important;font-weight:600}th.col-snoopt{background:var(--indigo)!important;color:var(--white)}.th-snoopt-label{display:flex;align-items:center;gap:7px}.th-snoopt-label svg{width:18px;height:18px;flex-shrink:0}.article-meta{display:flex;align-items:center;gap:16px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}.article-meta time{font-size:.875rem;color:var(--muted)}.article-tag{font-size:.75rem;font-weight:700;color:var(--indigo);background:var(--indigo-lt);padding:3px 10px;border-radius:999px}.article-read-time{font-size:.875rem;color:var(--muted)}.key-takeaways{background:var(--bg-gray);border-left:3px solid var(--indigo);padding:20px 24px;border-radius:0 var(--radius) var(--radius) 0;margin:32px 0}.key-takeaways h3{font-size:.85rem;font-weight:700;color:var(--indigo);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.key-takeaways ul{list-style:none;display:flex;flex-direction:column;gap:6px}.key-takeaways li{font-size:.95rem;color:var(--text)}.key-takeaways li:before{content:"✓ ";color:var(--indigo);font-weight:700}@media (max-width: 768px){.nav-links,.btn-ghost{display:none}.footer-inner{flex-direction:column}}