@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--bg:#f8fafc;--surface:#ffffff;--surface-alt:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafe;--accent:#f97316;--accent-light:#ffedd5;--gradient-1:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-2:linear-gradient(135deg, #f97316 0%, #ef4444 100%);--gradient-hero:linear-gradient(160deg, #eff6ff 0%, #ffffff 50%, #fef2f2 100%);--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -2px rgba(0,0,0,0.05);--shadow-lg:0 10px 25px -5px rgba(0,0,0,0.08), 0 8px 10px -6px rgba(0,0,0,0.05);--shadow-xl:0 20px 40px -10px rgba(0,0,0,0.1), 0 12px 20px -8px rgba(0,0,0,0.06);--shadow-2xl:0 30px 60px -15px rgba(0,0,0,0.12);--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-xl:32px;--transition:0.3s cubic-bezier(0.4, 0, 0.2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.site-header{background:rgb(255 255 255/.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-inner,.site-logo{display:flex;align-items:center}.header-inner{max-width:1280px;margin:0 auto;padding:0 28px;justify-content:space-between;height:72px}.site-logo{gap:12px;text-decoration:none;font-weight:800;font-size:1.6rem;color:var(--text-primary);letter-spacing:-.5px}.logo-icon,.logo-text{background:var(--gradient-1)}.logo-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;font-weight:900;box-shadow:0 8px 16px -6px rgb(37 99 235/.4);flex-shrink:0}.logo-text{font-weight:800;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.nav-links{display:flex;gap:6px;align-items:center}.hero p,.nav-links a{color:var(--text-secondary)}.nav-links a{text-decoration:none;padding:8px 16px;border-radius:30px;font-size:.9rem;font-weight:500;transition:var(--transition)}.nav-links a:hover{background:var(--surface-alt);color:var(--primary)}.mobile-menu-btn{display:none;background:0 0;border:0;font-size:1.8rem;cursor:pointer;color:var(--text-primary);padding:4px}.hero{background:var(--gradient-hero);padding:64px 24px 48px;text-align:center;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:-150px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,rgb(37 99 235/.08)0,transparent 70%);border-radius:50%;z-index:0}.hero::after{bottom:-120px;left:-120px;width:400px;height:400px;background:radial-gradient(circle,rgb(249 115 22/.06)0,transparent 70%)}.hero-content{position:relative;z-index:1}.content-card h2,.hero h1{font-weight:800;margin-bottom:16px}.hero h1{font-size:3.2rem;letter-spacing:-1.5px;line-height:1.15}.hero p{font-size:1.2rem;max-width:650px;margin:0 auto 28px}.main-container{max-width:1280px;margin:0 auto;padding:32px 28px}.tool-workspace{background:rgb(255 255 255/.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);padding:36px 32px;border:1px solid rgb(255 255 255/.6)}.content-section{max-width:1280px;margin:0 auto;padding:40px 28px}.content-card{background:var(--surface);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);margin-bottom:24px;border:1px solid var(--border-light)}.content-card h2{font-size:1.8rem}.content-card li,.content-card p{color:var(--text-secondary);line-height:1.8;margin-bottom:10px}.site-footer{background:#0b1120;color:#cbd5e1;padding:60px 28px 30px;margin-top:auto;position:relative;overflow:hidden}.hero::after,.site-footer::after,.site-footer::before{content:"";position:absolute;border-radius:50%;z-index:0}.site-footer::before{top:-30px;left:-50px;width:200px;height:200px;background:radial-gradient(circle,rgb(37 99 235/.15)0,transparent 70%)}.site-footer::after{bottom:-50px;right:-40px;width:250px;height:250px;background:radial-gradient(circle,rgb(249 115 22/.1)0,transparent 70%)}.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;position:relative;z-index:1}.footer-col h4{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:20px;letter-spacing:-.2px}.footer-col a,.footer-col p{color:#94a3b8;font-size:.9rem;display:block;margin-bottom:10px}.footer-col a:hover{color:#60a5fa}.social-links{display:flex;gap:12px;margin-top:16px}.footer-col a,.footer-col p,.social-link{text-decoration:none;transition:var(--transition)}.social-link{width:40px;height:40px;border-radius:50%;background:rgb(255 255 255/.05);display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:1.2rem;border:1px solid rgb(255 255 255/.08)}.social-link:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgb(37 99 235/.4)}.footer-newsletter{display:flex;gap:8px;margin-top:16px}.footer-newsletter input{flex:1;padding:10px 14px;border-radius:25px;border:1px solid rgb(255 255 255/.1);background:rgb(255 255 255/.05);color:#fff;font-family:inherit;font-size:.85rem}.footer-newsletter input::placeholder{color:#64748b}.footer-newsletter button{padding:10px 18px;border-radius:25px;background:var(--gradient-1);border:0;color:#fff;font-weight:600;cursor:pointer;transition:var(--transition)}.footer-newsletter button:hover{opacity:.9}.footer-bottom{max-width:1280px;margin:30px auto 0;padding-top:24px;border-top:1px solid #1e293b;text-align:center;font-size:.85rem;color:#64748b;position:relative;z-index:1}.toast{position:fixed;bottom:30px;right:30px;background:#0f172a;color:#fff;padding:14px 24px;border-radius:30px;font-weight:600;font-size:.9rem;z-index:999;box-shadow:var(--shadow-2xl);animation:slideUp .4s ease;display:none}@media (max-width:768px){.hero h1{font-size:2.2rem}.mobile-menu-btn{display:block}.nav-links{display:flex;flex-direction:column;align-items:stretch;gap:4px;position:absolute;top:72px;left:0;right:0;background:rgb(255 255 255/.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0));border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.nav-links a{padding:13px 16px;border-radius:var(--radius-sm);font-size:1rem;width:100%}.nav-links a:active{background:var(--surface-alt)}}.tool-switcher-section{background:rgb(15 23 42/.6);border-top:1px solid var(--border);padding:40px 24px 56px}.tool-switcher-inner{max-width:1080px;margin:0 auto}.tool-switcher-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:-.3px;text-align:center}.tool-switcher{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tool-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;background:rgb(30 41 59/.7);border:1px solid var(--border);color:#cbd5e1;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .18s ease;white-space:nowrap}.tool-pill:hover{background:rgb(51 65 85/.9);transform:translateY(-2px)}.tool-pill-icon{font-size:1rem;line-height:1}.tool-pill-active,.tool-pill:hover{border-color:var(--primary);color:#fff}.tool-pill-active{background:var(--primary);font-weight:600;cursor:default;box-shadow:0 4px 14px rgb(99 102 241/.35)}.tool-pill-active:hover{transform:none;background:var(--primary)}@media (max-width:768px){.tool-switcher-section{padding:32px 14px 44px}.tool-switcher-title{font-size:1.1rem}.tool-pill{padding:8px 13px;font-size:.82rem}}.tool-hero{padding-bottom:32px}.tool-breadcrumb{font-size:.85rem;color:#94a3b8;margin-bottom:16px;display:flex;align-items:center;gap:5px}.tool-breadcrumb a{color:#60a5fa;text-decoration:none}.tool-breadcrumb a:hover{text-decoration:underline}.tool-perks{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:20px 0 0;padding:0}.tool-perks li{font-size:.88rem;color:#34d399;font-weight:600}.feature-list,.how-to-steps{display:flex;flex-direction:column}.how-to-steps{padding-left:1.3em;margin:0;gap:14px}.how-to-steps li{font-size:.97rem;color:#cbd5e1;line-height:1.75}.how-to-steps li strong{color:#fff}.feature-list{list-style:none;padding:0;margin:18px 0 0;gap:9px}.feature-list li{font-size:.92rem;color:#94a3b8;padding-left:1.4em;position:relative;line-height:1.6}.feature-list li::before{content:"✓";color:#34d399;position:absolute;left:0;font-weight:700}@media (max-width:768px){.tool-perks{gap:8px 14px}}