*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90%;descent-override:22.43%;line-gap-override:0%;size-adjust:107.4%}:root{--bg-primary: #0b0a1a;--bg-card: rgba(255,255,255,.04);--bg-card-hover: rgba(255,255,255,.07);--bg-secondary: rgba(255,255,255,.06);--border: rgba(255,255,255,.08);--accent: #7c6ff7;--accent-glow: rgba(124,111,247,.35);--green: #6ee7a0;--blue: #7c9dff;--gold: #f0c674;--red: #f07178;--text: #d4d4e8;--text-muted: #a8a8c8;--text-heading: #fff;--font: "Inter","Inter Fallback","Segoe UI",system-ui,sans-serif}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font);background:var(--bg-primary);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-top:57px}.content-section p a,.content-section li a,.faq-a-inner a,.footer-disclaimer p a{text-decoration:underline;text-underline-offset:2px}nav[aria-label="Main navigation"]{position:fixed;top:0;left:0;right:0;z-index:100;background:#0b0a1aeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px}.nav-logo{font-weight:800;font-size:1.25rem;color:var(--accent);text-decoration:none;letter-spacing:-.5px}.nav-links{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;height:100%}.nav-links>li{position:relative;height:100%;display:flex;align-items:center}.nav-links>li>a{color:var(--text-muted);text-decoration:none;font-size:.88rem;font-weight:500;padding:8px 14px;border-radius:8px;transition:color .2s,background .2s}.nav-links>li>a:hover{color:#fff;background:#ffffff0f}.nav-dropdown-toggle{background:none;border:none;color:var(--text-muted);font-size:.88rem;font-weight:500;font-family:inherit;padding:8px 14px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:color .2s,background .2s}.nav-dropdown-toggle:hover,.nav-dropdown.open .nav-dropdown-toggle{color:#fff;background:#ffffff0f}.chevron{font-size:.65rem;transition:transform .2s}.nav-dropdown.open .chevron{transform:rotate(180deg)}.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);min-width:200px;background:#12102af7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;list-style:none;box-shadow:0 12px 40px #00000073,0 0 0 1px #ffffff0a inset}.nav-dropdown.open .nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu{display:block;animation:dropdownFadeIn .18s ease}.nav-dropdown-menu li a{display:block;padding:9px 14px;color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;border-radius:8px;transition:color .15s,background .15s;white-space:nowrap}.nav-dropdown-menu li a:hover{color:#fff;background:#7c6ff71f}.dropdown-section-label{padding:6px 14px 2px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--accent);pointer-events:none;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}.dropdown-section-label:first-child{border-top:none;margin-top:0}.nav-dropdown-wide{max-height:70vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(124,111,247,.3) transparent}.nav-dropdown-wide::-webkit-scrollbar{width:5px}.nav-dropdown-wide::-webkit-scrollbar-thumb{background:#7c6ff74d;border-radius:4px}.footer-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);margin-top:10px;margin-bottom:4px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.footer-section-label:first-child{border-top:none;margin-top:0;padding-top:0}.footer-disclaimer{margin-top:20px;padding:14px 18px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff08}.footer-disclaimer p{font-size:.78rem;line-height:1.6;color:#ffffff8c;margin:0}.footer-disclaimer strong{color:#ffffffbf}.theme-toggle{display:none!important}.calc-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);background:var(--card-bg, #1e1e2e);color:var(--text, #cdd6f4);border:1px solid var(--border, rgba(255,255,255,.1));padding:12px 24px;border-radius:10px;font-size:.9rem;box-shadow:0 8px 24px #0000004d;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:9999;pointer-events:none;max-width:90vw;text-align:center}.calc-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;width:36px;height:36px;position:relative;border-radius:8px;transition:background .2s}.nav-hamburger:hover{background:#ffffff0f}.hamburger-icon,.hamburger-icon:before,.hamburger-icon:after{content:"";display:block;width:22px;height:2px;background:#fff;border-radius:2px;position:absolute;left:7px;transition:transform .25s ease,opacity .2s ease}.hamburger-icon{top:17px}.hamburger-icon:before{top:-7px}.hamburger-icon:after{top:7px}.nav-hamburger.active .hamburger-icon{background:transparent}.nav-hamburger.active .hamburger-icon:before{top:0;transform:rotate(45deg)}.nav-hamburger.active .hamburger-icon:after{top:0;transform:rotate(-45deg)}.nav-divider{width:1px;background:var(--border);align-self:stretch;margin:0 4px}.nav-suite-link{color:var(--accent)!important;font-weight:600!important}.nav-mega-menu{min-width:540px;max-width:min(560px,calc(100vw - 32px));padding:12px;left:auto;right:0;transform:none}.nav-dropdown.open .nav-mega-menu,.nav-dropdown:hover .nav-mega-menu{animation-name:megaFadeIn}@keyframes megaFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.mega-suite{padding:6px 0}.mega-suite-title{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:.82rem;font-weight:700;color:var(--accent);text-decoration:none;border-radius:6px;transition:background .15s}.mega-suite-title:hover{background:var(--bg-secondary);text-decoration:none}.mega-suite-title .mega-icon{font-size:1rem}.mega-suite-tools{list-style:none;padding:0 0 0 28px;margin:0}.mega-suite-tools li a{display:block;padding:4px 10px;font-size:.78rem;color:var(--text-muted);text-decoration:none;border-radius:5px;transition:color .15s,background .15s;white-space:nowrap}.mega-suite-tools li a:hover{color:var(--text);background:var(--bg-secondary)}.mega-suite-more{padding:3px 10px;font-size:.72rem;color:var(--accent);text-decoration:none;font-weight:600;opacity:.8}.mega-suite-more:hover{opacity:1;text-decoration:none}.page-wrapper{max-width:1100px;margin:0 auto;padding:0 24px}footer{border-top:1px solid var(--border);padding:28px 24px;text-align:center;margin-top:48px}.footer-suite-links{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;flex-wrap:wrap}.footer-suite-links a{font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-suite-links a:hover{color:#fff}.footer-grid{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;max-width:1100px;margin:0 auto 16px;text-align:left}.footer-col h4{color:var(--text-heading);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:6px}.footer-col a{color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .2s}.footer-col a:hover{color:#fff}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;list-style:none;margin-bottom:12px;max-width:1100px;margin-left:auto;margin-right:auto}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .2s}.footer-links a:hover{color:#fff}footer p{color:var(--text-muted);font-size:.82rem}.cookie-banner{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(calc(100% + 1rem));width:calc(100% - 2rem);max-width:620px;z-index:9999;background:#141232f5;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 4px 24px #0006;display:flex;align-items:center;gap:1rem;font-size:.85rem;color:#88a;transition:transform .4s ease}.cookie-banner.show{transform:translate(-50%) translateY(0);bottom:1rem}.cookie-banner button{padding:.45rem 1.1rem;border:none;border-radius:8px;background:#5a4fcf;color:#fff;font-weight:600;font-family:inherit;cursor:pointer;font-size:.82rem;white-space:nowrap}@media(max-width:480px){.cookie-banner{flex-direction:column;text-align:center;gap:.75rem;padding:1rem}}.guide-meta{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;flex-wrap:wrap}.reading-time{color:var(--text-muted);font-size:.85rem;font-weight:500}.guide-actions{display:flex;gap:8px}.guide-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);padding:6px 14px;border-radius:8px;font-size:.82rem;font-family:inherit;font-weight:500;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.guide-btn:hover{color:#fff;background:#ffffff0f;border-color:#ffffff26}.back-to-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:1.2rem;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .15s;z-index:90;box-shadow:0 4px 16px #7c6ff74d}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-3px)}.toc a.active{color:#fff!important;font-weight:700}@media print{nav[aria-label="Main navigation"],footer,.cookie-banner,.back-to-top,.guide-actions,.info-section,.faq-section,.related-tools-grid{display:none!important}.page-wrapper{max-width:100%!important;padding:0!important}.guide-section{break-inside:avoid;border:1px solid #ccc!important;background:#fff!important;color:#000!important}.guide-section h2,.guide-section h3{color:#000!important}.guide-section p,.guide-section li{color:#222!important}.comparison-table th{background:#eee!important;color:#000!important}.comparison-table td{color:#222!important;border-bottom-color:#ccc!important}.hero-guide h1,.hero-guide h1 span{color:#000!important;-webkit-text-fill-color:#000!important;background:none!important}.toc{border:1px solid #ccc!important;background:#f9f9f9!important}.toc h2,.toc a{color:#000!important}body{background:#fff!important;color:#000!important}}@media(max-width:768px){.nav-hamburger{display:block}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#0b0a1af7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:12px 16px;gap:2px;border-bottom:1px solid var(--border);height:auto;max-height:80vh;overflow-y:auto}.nav-links.open{display:flex;animation:dropdownFadeIn .2s ease}.nav-links>li{height:auto;flex-direction:column;align-items:stretch}.nav-links>li>a{display:block;padding:10px 14px;border-radius:8px}.nav-dropdown-toggle{width:100%;justify-content:space-between;padding:10px 14px}.nav-dropdown:hover .nav-dropdown-menu{display:none}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown-menu{position:static;transform:none;min-width:0;background:#ffffff08;border:none;box-shadow:none;border-radius:8px;margin:2px 0 4px;padding:4px 0 4px 8px}.nav-dropdown-menu li a{padding:8px 14px;font-size:.84rem}.nav-dropdown.open .nav-dropdown-menu{animation:none;transform:none}.nav-divider{width:100%;height:1px;margin:4px 0}.nav-mega-menu{min-width:0;padding:8px 0 8px 8px}.mega-grid{grid-template-columns:1fr;gap:0}.mega-suite-tools{padding-left:20px}.mega-suite-tools li a{font-size:.82rem;padding:6px 10px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.footer-grid{flex-direction:column;gap:24px;text-align:center}}.blog-article{max-width:760px;margin:0 auto;overflow:hidden}.blog-article .blog-article-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.blog-article .blog-article-header h1{font-size:2rem;font-weight:800;line-height:1.3;margin-bottom:.75rem}.blog-article .blog-article-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--text-muted)}.blog-article .blog-article-body h2{font-size:1.35rem;font-weight:700;margin:2rem 0 .75rem;color:var(--text)}.blog-article .blog-article-body h3{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .5rem;color:var(--text)}.blog-article .blog-article-body p{font-size:1rem;line-height:1.8;color:var(--text-muted);margin-bottom:1rem}.blog-article .blog-article-body ul,.blog-article .blog-article-body ol{padding-left:2rem;margin-bottom:1rem}.blog-article .blog-article-body li{font-size:1rem;line-height:1.8;color:var(--text-muted);margin-bottom:.35rem;overflow-wrap:break-word;word-break:break-word}.blog-article .blog-article-body table{width:100%;border-collapse:separate;border-spacing:0;margin:1.25rem 0;font-size:.88rem;table-layout:fixed;border-radius:10px;overflow:hidden;border:1px solid var(--border);box-shadow:0 1px 4px #0000000f}.blog-article .blog-article-body th,.blog-article .blog-article-body td{padding:.7rem .85rem;text-align:left;overflow-wrap:break-word;word-break:break-word;border-bottom:1px solid var(--border)}.blog-article .blog-article-body th{font-weight:700;color:var(--text);background:var(--bg-card);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.blog-article .blog-article-body tbody tr:nth-child(2n){background:#7c6ff708}.blog-article .blog-article-body tbody tr:hover{background:#7c6ff712;transition:background .2s}.blog-article .blog-article-body tbody tr:last-child td{border-bottom:none}.blog-article .blog-article-body td{color:var(--text-muted)}.blog-article .blog-article-body td strong{color:var(--text)}.blog-article .blog-article-body blockquote{border-left:4px solid var(--accent);margin:1.25rem 0;padding:.75rem 1rem;background:var(--bg-card);border-radius:0 8px 8px 0}.blog-article .blog-article-body blockquote p{margin-bottom:0}.blog-article .blog-article-body .tip-box{background:var(--bg-card);border:1px solid var(--accent);border-radius:8px;padding:1rem 1.25rem;margin:1.25rem 0}.blog-article .blog-article-body .tip-box strong{color:var(--accent)}@media(max-width:768px){.blog-article .blog-article-header h1{font-size:1.5rem}}
