:root{--bg-primary: #06060e;--bg-secondary: #0c0c1a;--bg-card: rgba(15, 15, 35, .6);--border-glass: rgba(139, 92, 246, .15);--purple: #8b5cf6;--purple-light: #a78bfa;--purple-dark: #6d28d9;--cyan: #06b6d4;--cyan-light: #22d3ee;--gold: #f59e0b;--gold-light: #fbbf24;--green: #10b981;--red: #ef4444;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--glow-purple: 0 0 20px rgba(139, 92, 246, .3);--glow-cyan: 0 0 20px rgba(6, 182, 212, .3);--glow-gold: 0 0 20px rgba(245, 158, 11, .3);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--radius: 16px;--radius-sm: 10px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--purple) var(--bg-primary)}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:var(--bg-primary)}html::-webkit-scrollbar-thumb{background:var(--purple);border-radius:3px}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;line-height:1.2}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:16px 0;background:#06060eb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);transition:var(--transition)}.navbar.scrolled{padding:10px 0;background:#06060ef2}.nav-container{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;text-decoration:none;color:var(--text-primary)}.nav-logo .logo-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--cyan));display:flex;align-items:center;justify-content:center;font-size:1.2rem}.nav-logo span.highlight{background:linear-gradient(135deg,var(--purple-light),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:var(--transition);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:var(--transition)}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.nav-cta{padding:10px 24px;border-radius:50px;border:none;background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition);text-decoration:none;box-shadow:0 4px 15px #8b5cf64d}.nav-cta:hover{transform:translateY(-2px);box-shadow:var(--glow-purple)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.hamburger span{width:24px;height:2px;background:var(--text-primary);transition:var(--transition);border-radius:2px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;text-align:center;overflow:hidden}.hero-bg-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none;animation:orbFloat 8s ease-in-out infinite}.hero-bg-orb.orb1{width:600px;height:600px;background:var(--purple);top:-200px;right:-100px}.hero-bg-orb.orb2{width:500px;height:500px;background:var(--cyan);bottom:-150px;left:-100px;animation-delay:-4s}.hero-bg-orb.orb3{width:300px;height:300px;background:var(--gold);top:40%;left:50%;animation-delay:-2s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.hero-content{position:relative;z-index:2;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:50px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);font-size:.85rem;color:var(--purple-light);font-weight:500;margin-bottom:28px;animation:fadeInUp .8s ease-out}.hero-badge .pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero h1{font-size:clamp(2.8rem,6vw,4.5rem);font-weight:900;margin-bottom:24px;letter-spacing:-.02em;animation:fadeInUp .8s ease-out .1s both}.gradient-text{background:linear-gradient(135deg,var(--purple-light),var(--cyan-light),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero p{font-size:1.15rem;color:var(--text-secondary);max-width:640px;margin:0 auto 40px;animation:fadeInUp .8s ease-out .2s both}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .3s both}.btn-primary{padding:14px 36px;border-radius:50px;border:none;background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition);text-decoration:none;box-shadow:0 4px 25px #8b5cf659;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:.5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 35px #8b5cf680}.btn-secondary{padding:14px 36px;border-radius:50px;border:1px solid var(--border-glass);background:var(--bg-card);backdrop-filter:blur(10px);color:var(--text-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-secondary:hover{border-color:var(--purple);transform:translateY(-3px);box-shadow:var(--glow-purple)}.hero-stats{display:flex;justify-content:center;gap:48px;margin-top:60px;animation:fadeInUp .8s ease-out .4s both}.hero-stat{text-align:center}.hero-stat .stat-number{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--purple-light),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat .stat-label{font-size:.85rem;color:var(--text-muted);margin-top:4px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section{position:relative;z-index:1;padding:100px 24px}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--purple-light);margin-bottom:16px}.section-label .line{width:24px;height:1px;background:var(--purple)}.section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:16px}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}.feature-card{padding:36px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-glass);backdrop-filter:blur(10px);transition:var(--transition);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--purple),var(--cyan),transparent);opacity:0;transition:var(--transition)}.feature-card:hover{transform:translateY(-6px);border-color:#8b5cf64d;box-shadow:var(--glow-purple)}.feature-card:hover:before{opacity:1}.feature-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#8b5cf626,#06b6d41a);border:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:10px}.feature-card p{color:var(--text-secondary);font-size:.95rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.tool-card{padding:28px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-glass);backdrop-filter:blur(10px);transition:var(--transition);cursor:pointer;position:relative;overflow:hidden}.tool-card:hover{transform:translateY(-4px);border-color:#8b5cf666}.tool-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tool-name{display:flex;align-items:center;gap:12px}.tool-emoji{font-size:1.6rem}.tool-name h4{font-size:1.05rem;font-weight:700}.tool-tag{padding:4px 12px;border-radius:50px;font-size:.7rem;font-weight:600;text-transform:uppercase}.tool-tag.free{background:#10b9811a;color:var(--green);border:1px solid rgba(16,185,129,.3)}.tool-tag.premium{background:#f59e0b1a;color:var(--gold);border:1px solid rgba(245,158,11,.3)}.tool-card p{color:var(--text-secondary);font-size:.9rem;margin-bottom:18px}.tool-btn{width:100%;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:#8b5cf614;color:var(--purple-light);font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition)}.tool-btn:hover{background:#8b5cf633;border-color:var(--purple)}.steps-container{display:flex;flex-direction:column;gap:0;position:relative}.steps-container:before{content:"";position:absolute;left:32px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--purple),var(--cyan),var(--gold));opacity:.3}.step-item{display:flex;gap:32px;padding:32px 0;position:relative}.step-number{width:64px;height:64px;min-width:64px;border-radius:50%;background:var(--bg-card);border:2px solid var(--purple);display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;color:var(--purple-light);position:relative;z-index:2;box-shadow:var(--glow-purple)}.step-content h3{font-size:1.3rem;font-weight:700;margin-bottom:8px}.step-content p{color:var(--text-secondary);font-size:.95rem}.modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.mode-card{padding:32px;border-radius:var(--radius);text-align:center;background:var(--bg-card);border:1px solid var(--border-glass);backdrop-filter:blur(10px);transition:var(--transition)}.mode-card:hover{transform:translateY(-4px) scale(1.02);border-color:#8b5cf64d}.mode-icon{font-size:2.5rem;margin-bottom:16px}.mode-card h3{font-size:1.15rem;font-weight:700;margin-bottom:8px}.mode-card p{color:var(--text-secondary);font-size:.88rem}.mode-status{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:4px 14px;border-radius:50px;font-size:.75rem;font-weight:600}.mode-status.working{background:#10b9811a;color:var(--green);border:1px solid rgba(16,185,129,.2)}.mode-status.beta{background:#f59e0b1a;color:var(--gold);border:1px solid rgba(245,158,11,.2)}.blog-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.blog-preview-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius);padding:28px;text-decoration:none;transition:var(--transition);display:block;position:relative;overflow:hidden}.blog-preview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--cyan));opacity:0;transition:var(--transition)}.blog-preview-card:hover{transform:translateY(-6px);border-color:#8b5cf666;box-shadow:var(--glow-purple)}.blog-preview-card:hover:before{opacity:1}.bp-icon{font-size:2rem;margin-bottom:12px}.bp-cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--purple-light);margin-bottom:10px}.blog-preview-card h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:10px;line-height:1.4}.blog-preview-card p{font-size:.88rem;color:var(--text-muted);line-height:1.65;margin-bottom:16px}.bp-link{font-size:.85rem;font-weight:600;color:var(--purple-light);transition:var(--transition)}.blog-preview-card:hover .bp-link{color:var(--cyan-light)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-glass);overflow:hidden;transition:var(--transition)}.faq-item:hover{border-color:#8b5cf64d}.faq-question{width:100%;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;background:none;border:none;color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;text-align:left;font-family:Inter,sans-serif;transition:var(--transition)}.faq-question:hover{color:var(--purple-light)}.faq-arrow{font-size:1.2rem;transition:var(--transition);color:var(--text-muted)}.faq-item.active .faq-arrow{transform:rotate(180deg);color:var(--purple-light)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-answer-inner{padding:0 24px 20px;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.faq-answer-inner p{margin-bottom:12px}.faq-answer-inner p:last-child{margin-bottom:0}.footer{position:relative;z-index:1;padding:60px 24px 30px;background:var(--bg-secondary);border-top:1px solid var(--border-glass)}.footer-container{max-width:1200px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:40px}.footer-brand{max-width:320px}.footer-brand .nav-logo{margin-bottom:14px}.footer-brand p{color:var(--text-muted);font-size:.9rem}.footer-links h4{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:16px}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links a{text-decoration:none;color:var(--text-muted);font-size:.9rem;transition:var(--transition)}.footer-links a:hover{color:var(--purple-light)}.footer-bottom{padding-top:24px;border-top:1px solid var(--border-glass);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{color:var(--text-muted);font-size:.85rem}.toast{position:fixed;bottom:30px;right:30px;z-index:9999;padding:16px 24px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--green);backdrop-filter:blur(20px);color:var(--text-primary);font-weight:500;font-size:.9rem;transform:translateY(120%);opacity:0;transition:var(--transition);box-shadow:0 8px 30px #0000004d}.toast.show{transform:translateY(0);opacity:1}.reveal{opacity:0;transform:translateY(40px);transition:all .7s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.tool-tag.host{background:#f59e0b1f;color:var(--gold);border:1px solid rgba(245,158,11,.35)}.tool-toggle{display:flex;align-items:center;justify-content:space-between;background:#8b5cf60d;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:0;font-size:.87rem;color:var(--text-secondary)}.toggle-status{font-weight:700;color:var(--text-muted);transition:var(--transition)}.toggle-status.on{color:var(--green)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#64748b4d;border-radius:24px;transition:background .3s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .3s,box-shadow .3s}.toggle-input:checked+.toggle-slider{background:var(--purple)}.toggle-input:checked+.toggle-slider:before{transform:translate(20px);box-shadow:0 0 8px #8b5cf699}.tool-card p+.tool-toggle{margin-top:4px}.speed-control{margin:6px 0 16px}.speed-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.78rem;color:var(--text-muted)}.speed-val{color:var(--purple-light)!important;font-weight:700}.speed-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:#8b5cf633;border-radius:4px;outline:none;cursor:pointer}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--purple-light);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 0 8px #8b5cf680;transition:transform .2s}.speed-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.speed-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--purple-light);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 0 8px #8b5cf680}.host-inputs{display:flex;flex-direction:column;gap:10px;margin:14px 0 0}.host-input{width:100%;padding:11px 14px;border-radius:var(--radius-sm);background:#8b5cf60d;border:1px solid var(--border-glass);color:var(--text-primary);font-size:.9rem;outline:none;transition:var(--transition);font-family:Inter,sans-serif}.host-input:focus{border-color:var(--purple);background:#8b5cf61a;box-shadow:0 0 0 3px #8b5cf61a}.host-input::placeholder{color:var(--text-muted)}.speed-presets{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.preset-btn{padding:6px 14px;border-radius:50px;border:1px solid var(--border-glass);background:var(--bg-card);color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif}.preset-btn:hover{border-color:#8b5cf680;color:var(--purple-light)}.preset-btn.active{border-color:var(--purple);background:#8b5cf626;color:var(--purple-light);box-shadow:0 0 10px #8b5cf633}.humanlike-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0 0;border-top:1px solid var(--border-glass);font-size:.88rem;color:var(--text-secondary)}.tool-card-wide{grid-column:span 2}.bm-howto{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius);padding:36px;margin-bottom:40px;position:relative;overflow:hidden}.bm-howto:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--cyan),var(--gold))}.bm-howto>h3{font-size:1.3rem;font-weight:700;margin-bottom:8px}.bm-howto>p{color:var(--text-secondary);font-size:.9rem;margin-bottom:28px}.bm-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px}.bm-step{text-align:center}.bm-step-num{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--cyan));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;margin:0 auto 14px;box-shadow:0 4px 15px #8b5cf64d}.bm-step strong{display:block;font-size:.9rem;margin-bottom:6px;color:var(--text-primary)}.bm-step p{font-size:.8rem;color:var(--text-muted);line-height:1.6}.bookmarklet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.bm-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius);padding:24px;transition:var(--transition)}.bm-card:hover{border-color:#8b5cf666;transform:translateY(-3px)}.bm-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.bm-card-name{display:flex;align-items:center;gap:10px}.bm-card-name span:first-child{font-size:1.4rem;line-height:1}.bm-card-name h4{font-size:.95rem;font-weight:700}.bm-card>p{font-size:.83rem;color:var(--text-muted);margin-bottom:16px;line-height:1.55}.bm-drag-btn{display:inline-block;padding:9px 22px;border-radius:50px;background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;font-size:.82rem;font-weight:700;text-decoration:none;cursor:grab;transition:var(--transition);border:none;font-family:Inter,sans-serif;user-select:none}.bm-drag-btn:active{cursor:grabbing;transform:scale(.97)}.bm-drag-btn:hover{transform:scale(1.04);box-shadow:var(--glow-purple)}.bm-drag-hint{display:block;font-size:.71rem;color:var(--text-muted);margin-top:10px;text-align:center}.script-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none;opacity:0;transition:opacity .25s ease}.script-modal.open{pointer-events:all;opacity:1}.modal-overlay{position:absolute;inset:0;background:#000000bf;backdrop-filter:blur(6px)}.modal-box{position:relative;z-index:1;background:var(--bg-secondary);border:1px solid rgba(139,92,246,.4);border-radius:20px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #0009,0 0 60px #8b5cf61f;transform:scale(.88) translateY(24px);transition:transform .25s cubic-bezier(.34,1.56,.64,1);scrollbar-width:thin;scrollbar-color:var(--purple) transparent}.script-modal.open .modal-box{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-glass);background:#8b5cf612;position:sticky;top:0;backdrop-filter:blur(10px)}.modal-title{display:flex;align-items:center;gap:12px}.modal-tool-icon{font-size:1.8rem;line-height:1}.modal-title h3{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.modal-close{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:1rem;line-height:1;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}.modal-close:hover{background:#ef444440;transform:scale(1.1) rotate(90deg)}.modal-steps{padding:20px 24px;display:flex;flex-direction:column;gap:14px;border-bottom:1px solid var(--border-glass)}.modal-steps-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--purple-light);margin-bottom:4px}.modal-step{display:flex;align-items:flex-start;gap:12px;font-size:.88rem;color:var(--text-secondary)}.modal-step-num{width:22px;height:22px;min-width:22px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--purple),var(--cyan));display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#fff;margin-top:1px}.modal-step kbd{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);padding:1px 7px;border-radius:5px;font-family:monospace;font-size:.8rem;color:var(--purple-light)}.modal-script-wrap{padding:20px 24px}.modal-script-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-size:.78rem;color:var(--text-muted)}.modal-copy-btn{padding:5px 14px;border-radius:50px;background:linear-gradient(135deg,var(--purple),var(--cyan));border:none;color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif;white-space:nowrap}.modal-copy-btn:hover{transform:scale(1.06);box-shadow:var(--glow-purple)}.modal-copy-btn.copied{background:var(--green)}.modal-script-code{margin:0;padding:16px 14px;font-family:Courier New,monospace;font-size:.78rem;line-height:1.75;color:var(--cyan-light);background:#03030ae6;border:1px solid rgba(139,92,246,.2);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);white-space:pre;overflow-x:auto;max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--purple) transparent}.modal-footer{margin:0 24px 20px;padding:12px 16px;border-radius:var(--radius-sm);background:#f59e0b0f;border:1px solid rgba(245,158,11,.2);font-size:.78rem;color:var(--text-muted);line-height:1.6}@media (max-width: 480px){.modal-box{border-radius:14px}.modal-script-code{font-size:.7rem;max-height:160px}.modal-header,.modal-steps,.modal-script-wrap{padding:16px 18px}.modal-footer{margin:0 18px 18px}}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#06060ef7;backdrop-filter:blur(20px);padding:24px;gap:16px;border-bottom:1px solid var(--border-glass)}.nav-links.open,.hamburger{display:flex}.hero-stats{gap:24px;flex-wrap:wrap}.features-grid,.tools-grid,.modes-grid{grid-template-columns:1fr}.steps-container:before{left:24px}.step-number{width:48px;height:48px;min-width:48px;font-size:1rem}.footer-top{flex-direction:column}.blog-preview-grid{grid-template-columns:1fr}.tool-card-wide{grid-column:span 1}.bm-steps{grid-template-columns:1fr 1fr}.bookmarklet-grid{grid-template-columns:1fr}}