:root{--bg-primary:#FFFFFF;--bg-surface:#F7F9FC;--bg-surface-2:#EEF2F7;--bg-overlay:rgba(0,0,0,0.04);--border:#E2E8F0;--border-input:#CBD5E1;--accent:#00ADB5;--accent-hover:#009099;--accent-bg:rgba(0,173,181,0.07);--accent-bg-2:rgba(0,173,181,0.14);--accent-border:rgba(0,173,181,0.28);--text-light:#0F172A;--text-muted:#64748B;--text-placeholder:#94A3B8;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow:0 1px 3px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.04);--shadow-lg:0 8px 32px rgba(0,0,0,0.1),0 2px 8px rgba(0,0,0,0.05);--transition:0.15s ease;--font:'Nunito',system-ui,-apple-system,sans-serif}[data-theme="dark"]{--bg-primary:#0F172A;--bg-surface:#1E293B;--bg-surface-2:#334155;--bg-overlay:rgba(0,0,0,0.3);--border:rgba(255,255,255,0.08);--border-input:rgba(255,255,255,0.14);--accent:#00ADB5;--accent-hover:#00C5CF;--accent-bg:rgba(0,173,181,0.12);--accent-bg-2:rgba(0,173,181,0.22);--accent-border:rgba(0,173,181,0.35);--text-light:#F1F5F9;--text-muted:#94A3B8;--text-placeholder:#64748B;--shadow-sm:0 1px 2px rgba(0,0,0,0.35);--shadow:0 4px 12px rgba(0,0,0,0.3);--shadow-md:0 8px 24px rgba(0,0,0,0.35);--shadow-lg:0 16px 48px rgba(0,0,0,0.45)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-light);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-light);background:var(--bg-primary);border:1px solid var(--border-input);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,173,181,0.15)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-input);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1{font-size:2.5rem;font-weight:700;color:var(--text-light);line-height:1.2}h2{font-size:1.75rem;font-weight:600;color:var(--text-light);line-height:1.3}h3{font-size:1.25rem;font-weight:600;color:var(--text-light)}h4{font-size:1.05rem;font-weight:600;color:var(--text-light)}p{color:var(--text-light)}.text-muted{color:var(--text-muted);font-size:0.875rem}.text-accent{color:var(--accent)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem}.section-gap{padding:4rem 0}.section-gap-sm{padding:2rem 0}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-gap{display:flex;align-items:center;gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}h1{font-size:1.75rem}h2{font-size:1.375rem}}.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;border-radius:var(--radius-sm);font-size:0.9rem;font-weight:500;transition:background var(--transition),color var(--transition),box-shadow var(--transition),transform var(--transition),border-color var(--transition);cursor:pointer;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border:1px solid transparent}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,173,181,0.3)}.btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent-border)}.btn-outline:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.btn-ghost{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-surface-2);color:var(--text-light);border-color:var(--border-input)}.badge{display:inline-block;padding:0.2rem 0.55rem;border-radius:100px;font-size:0.7rem;font-weight:600;letter-spacing:0.02em;background:var(--accent-bg-2);color:var(--accent);border:1px solid var(--accent-border)}.input{width:100%;padding:0.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-light);font-size:1rem;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,173,181,0.12)}.input::placeholder{color:var(--text-placeholder)}textarea.input{resize:vertical;min-height:160px;line-height:1.6}.label{display:block;font-size:0.875rem;font-weight:500;color:var(--text-muted);margin-bottom:0.4rem}.field{margin-bottom:1.25rem}.field:last-child{margin-bottom:0}.field label{display:block;font-size:0.875rem;font-weight:500;color:var(--text-muted);margin-bottom:0.4rem}.field label small{font-weight:400;opacity:0.75}.field textarea,.field input[type="text"],.field input[type="url"],.field input[type="number"],.field select{width:100%;padding:0.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-light);font-size:0.9rem;line-height:1.6;resize:vertical;transition:border-color var(--transition),box-shadow var(--transition)}.field textarea:focus,.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,173,181,0.12);outline:none}.field textarea::placeholder,.field input::placeholder{color:var(--text-placeholder)}.field textarea{min-height:160px}.input-full{width:100%;padding:0.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-light);font-size:0.9rem;transition:border-color var(--transition),box-shadow var(--transition)}.input-full:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,173,181,0.12);outline:none}.input-inline{padding:0.4rem 0.75rem;background:var(--bg-primary);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-light);font-size:0.875rem}.card{background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition)}.card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:box-shadow var(--transition)}[data-theme="dark"] .site-header{background:rgba(15,23,42,0.92)}.site-header.scrolled{box-shadow:0 1px 8px rgba(0,0,0,0.08)}[data-theme="dark"] .site-header.scrolled{box-shadow:0 1px 8px rgba(0,0,0,0.4)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px;gap:1.5rem}.site-logo{font-size:1.15rem;font-weight:700;color:var(--text-light);white-space:nowrap;display:flex;align-items:center;gap:0.4rem;letter-spacing:-0.01em;transition:color var(--transition)}.site-logo svg{color:var(--accent)}.site-logo:hover{color:var(--accent)}.header-nav{display:flex;align-items:center;gap:0.15rem}.header-nav a{padding:0.4rem 0.75rem;border-radius:var(--radius-sm);font-size:0.875rem;font-weight:500;color:var(--text-muted);transition:color var(--transition),background var(--transition);position:relative}.header-nav a:hover{color:var(--text-light);background:var(--bg-surface)}.header-nav a.active{color:var(--text-light)}.header-nav a.active::after{content:'';position:absolute;bottom:-1px;left:0.75rem;right:0.75rem;height:2px;background:var(--accent);border-radius:2px}.header-right{display:flex;align-items:center;gap:0.6rem}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition);flex-shrink:0}.theme-toggle-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.theme-toggle-btn .icon-sun{display:block}.theme-toggle-btn .icon-moon{display:none}[data-theme="dark"] .theme-toggle-btn .icon-sun{display:none}[data-theme="dark"] .theme-toggle-btn .icon-moon{display:block}.header-search-btn{display:flex;align-items:center;gap:0.45rem;padding:0.4rem 0.85rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:0.8rem;cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition)}.header-search-btn:hover{border-color:var(--accent);color:var(--text-light);background:var(--bg-surface-2)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:0.5rem;cursor:pointer;background:none;border:none}.mobile-menu-btn span{display:block;width:22px;height:2px;background:var(--text-light);border-radius:2px;transition:var(--transition)}.mobile-nav{flex-direction:column;padding:0.75rem 0 1rem;border-top:1px solid var(--border);gap:0.15rem}.mobile-nav a{padding:0.55rem 0.75rem;border-radius:var(--radius-sm);color:var(--text-muted);font-size:0.9rem;transition:color var(--transition),background var(--transition);display:block}.mobile-nav a:hover,.mobile-nav a.active{color:var(--text-light);background:var(--bg-surface)}@media (max-width:768px){.header-nav{display:none}.mobile-menu-btn{display:flex}}.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:900;display:flex;align-items:flex-start;justify-content:center;padding:5rem 1rem 2rem}.search-box{width:100%;max-width:580px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.search-box-header{display:flex;align-items:center;gap:0.75rem;padding:0.9rem 1.1rem;border-bottom:1px solid var(--border)}.search-box-input{flex:1;background:none;border:none;outline:none;font-size:1rem;color:var(--text-light);padding:0;box-shadow:none}.search-box-input:focus{border:none;box-shadow:none;outline:none}.search-box-input::placeholder{color:var(--text-placeholder)}.search-box-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:color var(--transition),background var(--transition)}.search-box-close:hover{color:var(--text-light);background:var(--bg-surface-2)}.search-results{max-height:420px;overflow-y:auto;padding:0.5rem}.search-result-item{display:flex;align-items:center;gap:0.75rem;padding:0.65rem 0.75rem;border-radius:var(--radius-sm);color:var(--text-light);transition:background var(--transition);cursor:pointer}.search-result-item:hover{background:var(--bg-surface)}.search-result-icon{font-size:1.2rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-surface);border-radius:8px;border:1px solid var(--border)}.search-result-body{flex:1;min-width:0}.search-result-title{font-size:0.875rem;font-weight:600}.search-result-desc{font-size:0.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-arrow{color:var(--text-muted);flex-shrink:0;opacity:0;transition:opacity var(--transition)}.search-result-item:hover .search-result-arrow{opacity:1;color:var(--accent)}.search-no-result{padding:1.5rem 0.75rem;font-size:0.875rem;color:var(--text-muted);text-align:center}.search-hint{padding:0.4rem 0.75rem 0.6rem;font-size:0.72rem;color:var(--text-muted);text-align:center;border-top:1px solid var(--border);margin-top:0.25rem}.hp-hero{position:relative;overflow:hidden;padding:5rem 0 4.5rem;background:linear-gradient(155deg,#ecfffe 0%,#ffffff 42%,#f3f0ff 100%);border-bottom:1px solid var(--border)}[data-theme="dark"] .hp-hero{background:linear-gradient(155deg,#071a28 0%,#0F172A 50%,#110f26 100%)}.hp-hero-blob{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none}.hp-hero-blob--teal{width:440px;height:440px;top:-120px;left:-100px;background:rgba(0,173,181,0.12)}.hp-hero-blob--purple{width:380px;height:380px;bottom:-100px;right:-80px;background:rgba(99,102,241,0.09)}[data-theme="dark"] .hp-hero-blob--teal{background:rgba(0,173,181,0.14)}[data-theme="dark"] .hp-hero-blob--purple{background:rgba(99,102,241,0.12)}.hp-hero-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,0.07) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse 80% 100% at 50% 50%,black 10%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 100% at 50% 50%,black 10%,transparent 75%);pointer-events:none}[data-theme="dark"] .hp-hero-dots{background-image:radial-gradient(circle,rgba(255,255,255,0.05) 1px,transparent 1px)}.hp-hero-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;position:relative;z-index:1}.hp-hero-left{display:flex;flex-direction:column;gap:1.5rem}.hp-hero-left .hp-search-wrap{max-width:100%}.hp-hero-left .hp-pills{justify-content:flex-start}.hp-hero-eyebrow{display:inline-flex;align-items:center;gap:0.45rem;align-self:flex-start;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);border-radius:2rem;padding:0.35rem 1rem;font-size:0.8rem;font-weight:700;letter-spacing:0.02em}.hp-eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.hp-hero-title{font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:800;line-height:1.1;color:var(--text-light);letter-spacing:-0.03em;margin:0}.hp-hero-accent{background:linear-gradient(135deg,#00ADB5 0%,#0EA5E9 50%,#818CF8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hp-hero-sub{font-size:1.05rem;color:var(--text-muted);line-height:1.7;max-width:50ch;margin:0}.hp-hero-trust{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:-0.25rem}.hp-trust-chip{display:inline-flex;align-items:center;gap:0.3rem;padding:0.3rem 0.8rem;border-radius:2rem;font-size:0.78rem;font-weight:600;background:rgba(255,255,255,0.8);border:1px solid var(--border);color:var(--text-muted);backdrop-filter:blur(4px)}[data-theme="dark"] .hp-trust-chip{background:rgba(30,41,59,0.7)}.hp-hero-right{display:flex;align-items:center;justify-content:center;padding:1rem 0}.hp-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:0.85rem;transform:perspective(900px) rotateY(-8deg) rotateX(3deg) rotate(-1deg);transform-style:preserve-3d;width:100%;max-width:380px}.hp-showcase-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;padding:1rem 0.6rem;background:#ffffff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;color:var(--text-light);transform:rotate(var(--r,0deg));animation:hp-chip-float var(--fd-dur,5s) ease-in-out infinite;animation-delay:var(--fd,0s);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}[data-theme="dark"] .hp-showcase-card{background:var(--bg-surface)}.hp-showcase-card:hover{transform:rotate(0deg) translateY(-5px) scale(1.05);box-shadow:var(--shadow-lg);border-color:var(--accent-border);z-index:2}.hp-showcase-icon{font-size:1.75rem;line-height:1}.hp-showcase-name{font-size:0.68rem;font-weight:700;color:var(--text-muted);text-align:center;line-height:1.3}@media (max-width:960px){.hp-hero-split{grid-template-columns:1fr;gap:0}.hp-hero-right{display:none}.hp-hero{padding:4rem 0 3.5rem;text-align:center}.hp-hero-eyebrow{align-self:center}.hp-hero-title,.hp-hero-sub{text-align:center}.hp-hero-left .hp-pills{justify-content:center}.hp-hero-trust{justify-content:center}.hp-hero-left .hp-search-wrap{max-width:520px;margin:0 auto}}@media (max-width:480px){.hp-hero{padding:3rem 0 2.5rem}}.hp-search-wrap{position:relative;width:100%;max-width:520px;display:flex;align-items:center}.hp-search-icon{position:absolute;left:1rem;color:var(--text-placeholder);pointer-events:none;flex-shrink:0}.hp-search-input{width:100%;padding:0.85rem 2.75rem;font-size:1rem;border-radius:2rem;background:var(--bg-primary);border:1.5px solid var(--border-input);color:var(--text-light);box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition)}.hp-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,173,181,0.12),var(--shadow);outline:none}.hp-search-input::placeholder{color:var(--text-placeholder)}.hp-search-clear{position:absolute;right:1rem;color:var(--text-placeholder);cursor:pointer;font-size:0.85rem;padding:0.2rem;border-radius:50%;transition:color var(--transition)}.hp-search-clear:hover{color:var(--text-light)}.hp-pills{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center}.hp-pill{display:inline-flex;align-items:center;gap:0.3rem;padding:0.4rem 1rem;border-radius:2rem;font-size:0.82rem;font-weight:500;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;text-decoration:none;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.hp-pill:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent);transform:translateY(-1px)}.hp-pill:active{transform:scale(0.97)}.hp-stats{display:flex;flex-wrap:wrap;gap:0.5rem 1.5rem;justify-content:center;font-size:0.82rem;color:var(--text-muted)}.hp-stats span{display:flex;align-items:center;gap:0.35rem}.hp-stats svg{color:var(--accent);flex-shrink:0}.hp-section{padding-top:2.5rem;padding-bottom:0.5rem}.hp-section-head{display:flex;align-items:center;gap:0.6rem;margin-bottom:1.25rem;flex-wrap:wrap}.hp-section-head h2{font-size:1.2rem;font-weight:700;color:var(--text-light);margin:0;letter-spacing:-0.01em}.hp-section-icon{font-size:1.2rem;line-height:1}.hp-section-badge{display:inline-block;padding:0.15rem 0.6rem;border-radius:2rem;font-size:0.72rem;font-weight:600;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.hp-section-count{font-size:0.85rem;color:var(--text-muted)}.hp-section-link{margin-left:auto;font-size:0.82rem;color:var(--accent);font-weight:500;white-space:nowrap;transition:opacity var(--transition)}.hp-section-link:hover{opacity:0.75}.hp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:0.85rem}.hp-pop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:0.75rem}.hp-pop-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.1rem 0.75rem 0.85rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--text-light);box-shadow:0 1px 3px rgba(0,0,0,0.05);overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}[data-theme="dark"] .hp-pop-card{background:var(--bg-surface)}.hp-pop-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--pc,var(--accent));border-radius:14px 14px 0 0;pointer-events:none}.hp-pop-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,0.09),0 2px 6px rgba(0,0,0,0.05);border-color:var(--pc,var(--accent-border))}.hp-pop-icon{width:48px;height:48px;border-radius:13px;background:var(--pb,var(--accent-bg));display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:0.6rem;flex-shrink:0;transition:transform 0.2s ease}.hp-pop-card:hover .hp-pop-icon{transform:scale(1.1)}.hp-pop-name{font-size:0.78rem;font-weight:700;color:var(--text-light);line-height:1.3;margin-bottom:0.35rem}.hp-pop-arrow{font-size:0.7rem;font-weight:700;color:var(--pc,var(--accent));opacity:0.85}.hp-card{position:relative;display:flex;flex-direction:column;padding:1.2rem;background:#ffffff;border:1px solid #E8EDF3;border-radius:14px;text-decoration:none;color:var(--text-light);box-shadow:0 1px 3px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.04);transition:box-shadow 0.2s ease,transform 0.2s ease,border-color 0.2s ease;overflow:hidden;--mx:50%;--my:50%}[data-theme="dark"] .hp-card{background:var(--bg-surface);border-color:var(--border)}.hp-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.09),0 2px 6px rgba(0,0,0,0.05);transform:translateY(-3px);border-color:var(--accent-border)}.hp-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle 120px at var(--mx) var(--my),rgba(0,173,181,0.07),transparent 70%);opacity:0;transition:opacity 0.3s;pointer-events:none}.hp-card:hover::before{opacity:1}.hp-card-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1;margin-bottom:0.85rem;background:var(--accent-bg);border:1px solid var(--accent-border);flex-shrink:0;transition:background 0.2s}.hp-card:hover .hp-card-icon{background:var(--accent-bg-2)}.hp-card-body{flex:1;display:flex;flex-direction:column;gap:0.3rem}.hp-card-title{font-size:0.9rem;font-weight:700;color:var(--text-light);line-height:1.3}.hp-card-desc{font-size:0.775rem;color:var(--text-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-card-cta{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.775rem;font-weight:700;color:var(--accent);margin-top:0.75rem;transition:gap 0.2s ease}.hp-card:hover .hp-card-cta{gap:0.45rem}.hp-card--popular{border-color:var(--accent-border)}.hp-card--popular::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00ADB5,#38BDF8);border-radius:14px 14px 0 0;pointer-events:none}.hp-card-popular-badge{display:none}.hp-empty{text-align:center;padding:3rem 1rem}.hp-empty-icon{font-size:2.5rem;margin-bottom:0.75rem}.hp-empty p{color:var(--text-muted);line-height:1.8}.hp-why{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:3rem 2.5rem;margin:3rem 0}.hp-why-head{text-align:center;margin-bottom:2.75rem}.hp-why-eyebrow{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--accent);margin-bottom:0.75rem}.hp-why-eyebrow::before,.hp-why-eyebrow::after{content:'';display:block;width:24px;height:1px;background:var(--accent-border)}.hp-why-title{font-size:1.7rem;font-weight:800;color:var(--text-light);margin:0 0 0.5rem;letter-spacing:-0.02em}.hp-why-sub{font-size:0.9rem;color:var(--text-muted);margin:0}.hp-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.hp-why-grid>*+*{border-left:1px solid var(--border)}.hp-why-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.75rem 1.5rem;transition:background var(--transition);border-radius:12px}.hp-why-card:hover{background:var(--bg-surface-2)}.hp-why-icon{width:64px;height:64px;border-radius:50%;background:var(--wi-bg,rgba(0,173,181,0.12));box-shadow:0 0 0 10px var(--wi-glow,rgba(0,173,181,0.06));display:flex;align-items:center;justify-content:center;color:var(--wi,var(--accent));margin-bottom:1.6rem;flex-shrink:0;transition:box-shadow 0.25s ease,transform 0.25s ease}.hp-why-card:hover .hp-why-icon{box-shadow:0 0 0 14px var(--wi-glow,rgba(0,173,181,0.08));transform:scale(1.07)}.hp-why-proof{display:inline-flex;align-items:center;padding:0.2rem 0.7rem;border-radius:2rem;font-size:0.67rem;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;background:var(--wi-bg,rgba(0,173,181,0.10));color:var(--wi,var(--accent));margin-bottom:0.75rem}.hp-why-name{font-size:1rem;font-weight:700;color:var(--text-light);margin-bottom:0.45rem}.hp-why-desc{font-size:0.82rem;color:var(--text-muted);line-height:1.65}.hp-about{padding:2.5rem 0 4rem}.hp-about-inner{display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem 2.75rem;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.hp-about-inner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 70% at 100% 50%,rgba(0,173,181,0.05) 0%,transparent 65%);pointer-events:none}[data-theme="dark"] .hp-about-inner::before{background:radial-gradient(ellipse 50% 70% at 100% 50%,rgba(0,173,181,0.08) 0%,transparent 65%)}.hp-about-text{position:relative}.hp-about-eyebrow{display:inline-block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--accent);margin-bottom:0.75rem}.hp-about-text h2{font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:800;line-height:1.25;margin-bottom:1rem;letter-spacing:-0.02em}.hp-about-text p{font-size:0.9rem;color:var(--text-muted);line-height:1.75;margin-bottom:0.6rem;max-width:56ch}.hp-about-links{display:flex;gap:0.75rem;flex-wrap:wrap;margin-top:1.5rem}.hp-about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;min-width:200px;flex-shrink:0;position:relative}.hp-stat-block{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1rem;background:var(--bg-primary);gap:0.2rem;text-align:center}.hp-stat-val{font-size:1.6rem;font-weight:800;color:var(--accent);line-height:1;letter-spacing:-0.02em}.hp-stat-lbl{font-size:0.68rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.04em;line-height:1.3}.site-footer{position:relative;background:#0F172A;border-top:1px solid rgba(255,255,255,0.06);padding:4rem 0 0;margin-top:5rem}[data-theme="dark"] .site-footer{background:#080E1A}.ft-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);pointer-events:none}.ft-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.06)}.ft-brand{display:flex;flex-direction:column;gap:1rem}.ft-logo{display:inline-flex;align-items:center;gap:0.55rem;font-size:1.15rem;font-weight:800;color:#F1F5F9;text-decoration:none;width:fit-content;transition:color 0.15s}.ft-logo:hover{color:var(--accent)}.ft-logo-box{width:28px;height:28px;border-radius:7px;background:var(--accent);color:#fff;font-size:0.9rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ft-tagline{font-size:0.855rem;color:#64748B;line-height:1.75;max-width:310px}.ft-badges{display:flex;flex-wrap:wrap;gap:0.4rem}.ft-badge{display:inline-block;padding:0.2rem 0.65rem;border-radius:2rem;font-size:0.71rem;font-weight:600;background:rgba(0,173,181,0.08);color:#00ADB5;border:1px solid rgba(0,173,181,0.18)}.ft-col{display:flex;flex-direction:column;gap:0.55rem}.ft-col h5{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#F1F5F9;margin-bottom:0.4rem}.ft-col a{font-size:0.84rem;color:#64748B;text-decoration:none;width:fit-content;transition:color 0.15s}.ft-col a:hover{color:#00ADB5}.ft-col-cta{color:#00ADB5 !important;font-weight:600;margin-top:0.2rem}.ft-bottom{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0 1.5rem;font-size:0.775rem;color:#475569;flex-wrap:wrap;gap:0.5rem}.ft-bottom-note{opacity:0.7}@media (max-width:768px){.ft-top{grid-template-columns:1fr 1fr;gap:2.5rem}.ft-brand{grid-column:1 / -1}}@media (max-width:480px){.ft-top{grid-template-columns:1fr 1fr;gap:2rem}.ft-bottom{flex-direction:column;align-items:flex-start}.ft-bottom-note{display:none}}.tl-page{}.tl-hero{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:2.75rem 0 2.25rem;position:relative;overflow:hidden}.tl-hero-blob{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none}.tl-hero-blob--teal{width:300px;height:300px;background:rgba(0,173,181,0.1);top:-80px;left:-40px}.tl-hero-blob--purple{width:240px;height:240px;background:rgba(124,58,237,0.08);bottom:-60px;right:0}.tl-hero-inner{display:flex;align-items:flex-start;gap:1.25rem}.tl-hero-icon-wrap{flex-shrink:0;width:56px;height:56px;border-radius:14px;background:var(--accent-bg);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1}.tl-hero-icon{font-size:1.75rem;line-height:1}.tl-hero-title{font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:800;letter-spacing:-0.025em;margin:0 0 0.35rem;color:var(--text-light)}.tl-hero-desc{font-size:0.9rem;color:var(--text-muted);margin:0 0 0.85rem;max-width:600px;line-height:1.65}.tl-hero-badges{display:flex;flex-wrap:wrap;gap:0.4rem}.tl-badge{display:inline-flex;align-items:center;gap:0.3rem;padding:0.2rem 0.65rem;border-radius:100px;font-size:0.72rem;font-weight:600}.tl-badge--cat{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.tl-badge--free{background:rgba(34,197,94,0.1);color:#16a34a;border:1px solid rgba(34,197,94,0.25)}.tl-badge--private{background:rgba(124,58,237,0.08);color:#7c3aed;border:1px solid rgba(124,58,237,0.2)}[data-theme="dark"] .tl-badge--free{color:#4ade80;border-color:rgba(74,222,128,0.25)}[data-theme="dark"] .tl-badge--private{color:#a78bfa;border-color:rgba(167,139,250,0.25)}.tl-layout{display:grid;grid-template-columns:1fr 268px;gap:2rem;align-items:start;padding:2rem 0 4rem}.tl-main{min-width:0;display:flex;flex-direction:column;gap:1.75rem}.tl-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:calc(var(--header-h,60px)+1.5rem)}.tl-workspace{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.tl-workspace-bar{display:flex;align-items:center;justify-content:space-between;padding:0.6rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-surface)}.tl-workspace-label{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:var(--text-muted)}.tl-workspace-body{padding:1.75rem}.tool-workspace{background:none;border:none;box-shadow:none;padding:0}.tool-box{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.breadcrumb{display:flex;align-items:center;gap:0.4rem;font-size:0.8rem;color:var(--text-muted);flex-wrap:wrap}.breadcrumb a{transition:color var(--transition)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb-sep{color:var(--border-input)}.tl-description{}.tl-description h2{font-size:1.2rem;font-weight:700;color:var(--text-light);margin:1.75rem 0 0.65rem}.tl-description h2:first-child{margin-top:0}.tl-description h3{font-size:1rem;font-weight:600;color:var(--text-light);margin:1.25rem 0 0.5rem}.tl-description p{color:var(--text-muted);font-size:0.925rem;line-height:1.75;margin-bottom:1rem}.tl-description ul,.tl-description ol{margin:0.6rem 0 1rem 1.25rem;display:flex;flex-direction:column;gap:0.35rem;font-size:0.9rem;color:var(--text-muted)}.tl-description strong{color:var(--text-light);font-weight:600}.tl-description code{background:var(--bg-surface-2);padding:0.15em 0.4em;border-radius:4px;font-size:0.875em;color:var(--accent);font-family:'Courier New',monospace}.tl-description table{width:100%;border-collapse:collapse;font-size:0.875rem;margin:1rem 0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.tl-description th{background:var(--bg-surface);font-weight:600;text-align:left;padding:0.6rem 0.9rem;border-bottom:1px solid var(--border);color:var(--text-light);font-size:0.82rem}.tl-description td{padding:0.55rem 0.9rem;border-bottom:1px solid var(--border);color:var(--text-muted)}.tl-description tr:last-child td{border-bottom:none}.tl-description tr:nth-child(even) td{background:var(--bg-surface)}.tool-description h2{font-size:1.2rem;font-weight:700;color:var(--text-light);margin:1.75rem 0 0.65rem}.tool-description h2:first-child{margin-top:0}.tool-description h3{font-size:1rem;font-weight:600;color:var(--text-light);margin:1.25rem 0 0.5rem}.tool-description p{color:var(--text-muted);font-size:0.925rem;line-height:1.75;margin-bottom:1rem}.tool-description ul,.tool-description ol{margin:0.6rem 0 1rem 1.25rem;display:flex;flex-direction:column;gap:0.35rem;font-size:0.9rem;color:var(--text-muted)}.tool-description strong{color:var(--text-light);font-weight:600}.tool-description code{background:var(--bg-surface-2);padding:0.15em 0.4em;border-radius:4px;font-size:0.875em;color:var(--accent)}.tool-description table{width:100%;border-collapse:collapse;font-size:0.875rem;margin:1rem 0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.tool-description th{background:var(--bg-surface);font-weight:600;text-align:left;padding:0.6rem 0.9rem;border-bottom:1px solid var(--border);color:var(--text-light);font-size:0.82rem}.tool-description td{padding:0.55rem 0.9rem;border-bottom:1px solid var(--border);color:var(--text-muted)}.tool-description tr:last-child td{border-bottom:none}.tool-description tr:nth-child(even) td{background:var(--bg-surface)}.tl-widget{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tl-widget-head{display:flex;align-items:center;gap:0.4rem;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:var(--text-muted);padding:0.65rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-primary)}.tl-widget-body{padding:0.85rem 1rem}.tl-widget-body--flush{padding:0}.tl-steps{display:flex;flex-direction:column;gap:0.55rem;padding-left:0;list-style:none;counter-reset:step-counter}.tl-steps li{position:relative;padding-left:1.65rem;font-size:0.835rem;color:var(--text-muted);line-height:1.5;counter-increment:step-counter}.tl-steps li::before{content:counter(step-counter);position:absolute;left:0;top:0.15rem;width:18px;height:18px;border-radius:50%;background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);font-size:0.68rem;font-weight:700;display:flex;align-items:center;justify-content:center}.tl-related-item{display:flex;align-items:center;gap:0.65rem;padding:0.65rem 1rem;text-decoration:none;border-bottom:1px solid var(--border);transition:background var(--transition)}.tl-related-item:last-child{border-bottom:none}.tl-related-item:hover{background:var(--bg-primary)}.tl-related-icon{font-size:1.1rem;flex-shrink:0}.tl-related-name{font-size:0.825rem;font-weight:500;color:var(--text-light)}.tl-related-desc{font-size:0.75rem;color:var(--text-muted);line-height:1.35;margin-top:0.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.tl-related-arrow{color:var(--text-muted);flex-shrink:0;margin-left:auto;opacity:0;transition:opacity var(--transition)}.tl-related-item:hover .tl-related-arrow{opacity:1;color:var(--accent)}.tl-trust{text-align:center;padding:1.25rem 1rem !important}.tl-trust-icon{width:40px;height:40px;border-radius:50%;background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 0.6rem}.tl-trust-title{font-size:0.9rem;font-weight:700;color:var(--text-light);margin-bottom:0.3rem}.tl-trust-body{font-size:0.78rem;color:var(--text-muted);line-height:1.5;margin-bottom:0.75rem}.tl-trust-chips{display:flex;flex-wrap:wrap;gap:0.35rem;justify-content:center}.tl-trust-chip{font-size:0.68rem;font-weight:600;padding:0.15rem 0.55rem;border-radius:100px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-muted)}@media (max-width:900px){.tl-layout{grid-template-columns:1fr}.tl-sidebar{position:static}.tl-hero-icon-wrap{width:48px;height:48px;font-size:1.5rem}}@media (max-width:600px){.tl-hero{padding:2rem 0 1.75rem}.tl-hero-title{font-size:1.35rem}.tl-layout{padding:1.5rem 0 3rem;gap:1.5rem}.tl-workspace-body{padding:1.25rem}}.section-title{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem}.section-title h2{margin:0}.section-title-icon{font-size:1.5rem}.section-divider{border:none;border-top:1px solid var(--border);margin:3rem 0}.faq-section{margin-top:3rem}.faq-item{border-bottom:1px solid var(--border)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;cursor:pointer;font-weight:500;color:var(--text-light);transition:color var(--transition);user-select:none;width:100%;background:none;border:none;text-align:left;font-family:inherit;font-size:0.95rem}.faq-question:hover{color:var(--accent)}.faq-question[aria-expanded="true"]{color:var(--accent)}.faq-icon{font-size:1.1rem;color:var(--text-muted);transition:var(--transition);flex-shrink:0}.faq-answer{padding:0 0 1rem 1rem;color:var(--text-muted);font-size:0.9rem;line-height:1.7;border-left:2px solid var(--accent)}.faq{margin-top:2.5rem}.faq h2{font-size:1.25rem;margin-bottom:1rem}details.faq-item{border-bottom:1px solid var(--border)}details.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;cursor:pointer;font-weight:500;color:var(--text-light);font-size:0.95rem;list-style:none;transition:color var(--transition);user-select:none}details.faq-item summary::-webkit-details-marker{display:none}details.faq-item summary::after{content:'+';font-size:1.1rem;color:var(--text-muted);flex-shrink:0;transition:var(--transition)}details.faq-item[open] summary::after{content:'−'}details.faq-item summary:hover{color:var(--accent)}details.faq-item[open] summary{color:var(--accent)}details.faq-item p,details.faq-item>div{padding:0 0 1rem 1rem;color:var(--text-muted);font-size:0.9rem;line-height:1.7;border-left:2px solid var(--accent)}.sidebar-widget{background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border);padding:1.25rem;box-shadow:var(--shadow-sm)}.sidebar-widget-title{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:var(--text-muted);margin-bottom:0.75rem}.related-tool-link{display:flex;align-items:center;gap:0.6rem;padding:0.5rem 0.6rem;border-radius:var(--radius-sm);font-size:0.85rem;color:var(--text-light);transition:background var(--transition),color var(--transition)}.related-tool-link:hover{background:var(--bg-surface);color:var(--accent)}.related-tool-link-icon{font-size:1rem}.category-card{background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border);border-left:3px solid transparent;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;transition:border-left-color var(--transition),box-shadow var(--transition),transform var(--transition);color:inherit;text-decoration:none;box-shadow:var(--shadow-sm)}.category-card:hover{border-left-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-card-icon{font-size:2rem;flex-shrink:0}.category-card-info h3{font-size:1rem;margin-bottom:0.2rem}.category-card-info span{font-size:0.8rem;color:var(--text-muted)}.blog-page{padding:2rem 0 4rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}.blog-card{background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm)}.blog-card:hover{border-color:var(--accent-border);transform:translateY(-3px);box-shadow:var(--shadow-md)}.blog-card-img{aspect-ratio:16/9;background:var(--bg-surface);overflow:hidden}.blog-card-img img{width:100%;height:100%;object-fit:cover}.blog-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:0.5rem}.blog-card-cat,.blog-tag{display:inline-block;padding:0.2rem 0.6rem;border-radius:100px;font-size:0.7rem;font-weight:600;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);width:fit-content}.blog-card-title,.blog-card-body h2{font-size:1rem;font-weight:600;color:var(--text-light);flex:1}.blog-card-body h2 a{color:var(--text-light);transition:color var(--transition)}.blog-card-body h2 a:hover{color:var(--accent)}.blog-card-meta,.blog-meta{font-size:0.75rem;color:var(--text-muted);display:flex;gap:0.75rem}.blog-card-body p{font-size:0.85rem;color:var(--text-muted);margin:0}.blog-read-link{font-size:0.825rem;color:var(--accent);font-weight:500}.blog-read-link:hover{color:var(--accent-hover)}.blog-post-body{max-width:720px;margin:0 auto;font-size:1.0625rem;line-height:1.8;color:var(--text-light)}.blog-post-body h2{margin:2rem 0 1rem}.blog-post-body h3{margin:1.5rem 0 0.75rem}.blog-post-body p{margin-bottom:1.25rem}.blog-post-body ul,.blog-post-body ol{margin:1rem 0 1.25rem 1.5rem}.blog-post-body li{margin-bottom:0.4rem}.blog-post-body code{background:var(--bg-surface-2);padding:0.15em 0.4em;border-radius:4px;font-size:0.875em;color:var(--accent)}.blog-post-body pre{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;overflow-x:auto;margin:1.25rem 0}.blog-post-body pre code{background:none;padding:0;color:var(--text-light);font-size:0.875rem}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.blog-grid{grid-template-columns:1fr}}#bpl-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--accent),#7c3aed);z-index:9999;transition:width 0.1s linear}.bpl-hero{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:3.5rem 0 3rem;position:relative;overflow:hidden}.bpl-hero-blob{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none}.bpl-hero-blob--teal{width:340px;height:340px;background:rgba(0,173,181,0.12);top:-80px;left:-60px}.bpl-hero-blob--purple{width:280px;height:280px;background:rgba(124,58,237,0.09);bottom:-60px;right:0}.bpl-hero-title{font-size:clamp(1.65rem,3.5vw,2.4rem);font-weight:800;line-height:1.25;color:var(--text-light);margin:0.75rem 0 1rem;max-width:760px}.bpl-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0.4rem 0.1rem;font-size:0.8rem;color:var(--text-muted);margin-bottom:1rem}.bpl-meta-item{display:inline-flex;align-items:center;gap:0.3rem}.bpl-meta-sep{color:var(--border-input);padding:0 0.25rem}.bpl-intro{font-size:1rem;line-height:1.75;color:var(--text-muted);max-width:700px;margin:0}.bpl-layout{display:grid;grid-template-columns:1fr 280px;gap:2.5rem;align-items:start;padding:2.5rem 0 4rem}.bpl-main{min-width:0;font-size:1.05rem;line-height:1.85;color:var(--text-light)}.bpl-main .blog-post-header,.bpl-main>.container>nav.breadcrumb{display:none}.bpl-main .container{max-width:none;padding:0}.bpl-main .blog-content{}.bpl-main h2{font-size:1.4rem;font-weight:700;margin:2.25rem 0 0.9rem;color:var(--text-light)}.bpl-main h3{font-size:1.15rem;font-weight:600;margin:1.75rem 0 0.65rem;color:var(--text-light)}.bpl-main h4{font-size:1rem;font-weight:600;margin:1.5rem 0 0.5rem}.bpl-main p{margin-bottom:1.25rem}.bpl-main ul,.bpl-main ol{margin:0.75rem 0 1.25rem 1.5rem}.bpl-main li{margin-bottom:0.45rem}.bpl-main a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.bpl-main a:hover{color:var(--accent-hover)}.bpl-main strong{font-weight:600;color:var(--text-light)}.bpl-main code{background:var(--bg-surface-2);padding:0.15em 0.45em;border-radius:4px;font-size:0.875em;color:var(--accent);font-family:'Courier New',monospace}.bpl-main pre{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem 1.5rem;overflow-x:auto;margin:1.25rem 0}.bpl-main pre code{background:none;padding:0;color:var(--text-light);font-size:0.875rem}.bpl-main blockquote{border-left:3px solid var(--accent);margin:1.5rem 0;padding:0.75rem 1.25rem;background:var(--accent-bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-muted);font-style:italic}.bpl-main table{width:100%;border-collapse:collapse;font-size:0.9rem;margin:1.5rem 0}.bpl-main th{background:var(--bg-surface);font-weight:600;text-align:left;padding:0.6rem 0.9rem;border:1px solid var(--border);color:var(--text-light)}.bpl-main td{padding:0.55rem 0.9rem;border:1px solid var(--border);color:var(--text-muted)}.bpl-main tr:nth-child(even) td{background:var(--bg-surface)}.bpl-sidebar{position:sticky;top:calc(var(--header-h,60px)+1.5rem);display:flex;flex-direction:column;gap:1rem}.bpl-widget{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.bpl-widget-head{display:flex;align-items:center;gap:0.45rem;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:var(--text-muted);padding:0.75rem 1.1rem;border-bottom:1px solid var(--border)}.bpl-widget-body{padding:0.9rem 1.1rem}.bpl-toc{display:flex;flex-direction:column;gap:0.1rem;padding:0.5rem 0.5rem;max-height:320px;overflow-y:auto}.bpl-toc-link{display:block;font-size:0.8rem;line-height:1.4;color:var(--text-muted);padding:0.3rem 0.6rem;border-radius:6px;text-decoration:none;transition:color var(--transition),background var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bpl-toc-link:hover{color:var(--accent);background:var(--accent-bg)}.bpl-toc-link.active{color:var(--accent);background:var(--accent-bg);font-weight:500}.bpl-toc-link--sub{padding-left:1.4rem;font-size:0.77rem}.bpl-tool-card{display:flex;align-items:flex-start;gap:0.75rem;text-decoration:none;padding:0.75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-primary);transition:border-color var(--transition),box-shadow var(--transition)}.bpl-tool-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm)}.bpl-tool-icon{font-size:1.5rem;flex-shrink:0;line-height:1}.bpl-tool-name{font-size:0.875rem;font-weight:600;color:var(--text-light);margin-bottom:0.2rem}.bpl-tool-desc{font-size:0.775rem;color:var(--text-muted);line-height:1.4}.bpl-back-link{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.82rem;color:var(--text-muted);text-decoration:none;font-weight:500;transition:color var(--transition)}.bpl-back-link:hover{color:var(--accent)}.bpl-copy-btn{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.8rem;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:0;font-family:inherit;transition:color var(--transition)}.bpl-copy-btn:hover{color:var(--accent)}@media (max-width:900px){.bpl-layout{grid-template-columns:1fr}.bpl-sidebar{position:static}#bpl-toc-widget{display:none}}@media (max-width:600px){.bpl-hero{padding:2.5rem 0 2rem}.bpl-hero-title{font-size:1.5rem}}.intro{color:var(--text-muted);font-size:0.95rem;line-height:1.8;margin-bottom:1.75rem;max-width:780px}.page-sub{color:var(--text-muted);font-size:0.95rem;margin:0.5rem 0 1.75rem}.controls{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:1rem}.notice{font-size:0.825rem;color:var(--accent);min-height:1.4em;margin-top:0.5rem;transition:var(--transition)}.notice.error{color:#EF4444}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:0.75rem;margin:1.25rem 0}.stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0.9rem 0.5rem;text-align:center;display:flex;flex-direction:column;gap:0.2rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent);line-height:1}.stat-label{font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.04em}.guide,.tool-description{color:var(--text-muted);line-height:1.8;font-size:0.95rem;margin-top:2.5rem}.guide h2,.tool-description h2{font-size:1.25rem;color:var(--text-light);margin:1.75rem 0 0.75rem}.guide h3,.tool-description h3{font-size:1.05rem;color:var(--text-light);margin:1.25rem 0 0.5rem}.guide p,.tool-description p{margin-bottom:1rem}.guide ul,.guide ol,.tool-description ul,.tool-description ol{margin:0.75rem 0 1rem 1.25rem;display:flex;flex-direction:column;gap:0.3rem}.guide strong{color:var(--text-light)}.guide code,.tool-description code{background:var(--bg-surface-2);padding:0.15em 0.4em;border-radius:4px;font-size:0.875em;color:var(--accent)}.guide-table,.tool-description table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:0.875rem}.guide-table th,.tool-description th{background:var(--bg-surface);padding:0.6rem 0.75rem;text-align:left;font-weight:600;color:var(--text-light);border-bottom:1px solid var(--border)}.guide-table td,.tool-description td{padding:0.55rem 0.75rem;border-bottom:1px solid var(--border);color:var(--text-muted)}.guide-table tr:last-child td,.tool-description tr:last-child td{border-bottom:none}.related{margin-top:2.5rem}.related h2{font-size:1.25rem;margin-bottom:1rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.related-card{display:flex;flex-direction:column;gap:0.4rem;padding:1rem 1.25rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.related-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:var(--shadow)}.related-card strong{font-size:0.9rem;color:var(--text-light)}.related-card span{font-size:0.8rem;color:var(--text-muted);line-height:1.5}.tools-page{padding:2rem 0 4rem}.tools-search{position:relative;margin-bottom:1.25rem}.tools-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none;color:var(--text-placeholder)}.tools-search input{width:100%;padding:0.85rem 1rem 0.85rem 2.75rem;background:var(--bg-primary);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-light);font-size:0.95rem;box-shadow:var(--shadow-sm)}.tools-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,173,181,0.12);outline:none}.filter-tabs{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.25rem}.filter-tab,.uc-tab{padding:0.4rem 0.9rem;border-radius:100px;font-size:0.8rem;font-weight:500;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.filter-tab:hover,.filter-tab.active,.uc-tab:hover,.uc-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.tools-count{font-size:0.8rem;color:var(--text-muted);margin-bottom:1rem}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.tool-card{position:relative;background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border);padding:1.25rem;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);display:flex;flex-direction:column;gap:0.5rem;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm)}.tool-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tool-card-icon{font-size:1.75rem;line-height:1;margin-bottom:0.25rem}.tool-card-title{font-size:0.975rem;font-weight:600;color:var(--text-light)}.tool-card-desc{font-size:0.8rem;color:var(--text-muted);flex:1;line-height:1.5}.tool-card-cta{font-size:0.8rem;color:var(--accent);font-weight:500;margin-top:0.25rem}.tool-card-badge{position:absolute;top:0.75rem;right:0.75rem}.tool-card--compact{padding:0.75rem 1rem}.tool-card--compact .tool-card-icon{font-size:1.25rem}.tool-card--compact .tool-card-title{font-size:0.85rem}.tool-card.hidden{display:none}.no-results{display:none;text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:0.95rem}.no-results.show{display:block}@media (max-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.tools-grid{grid-template-columns:1fr}}.dropzone{border:2px dashed var(--border-input);border-radius:var(--radius);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:border-color var(--transition),background var(--transition);background:var(--bg-surface)}.dropzone:hover,.dropzone.active{border-color:var(--accent);background:var(--accent-bg)}.dz-icon{font-size:2.5rem;margin-bottom:0.75rem}.dz-hint{font-size:0.85rem;color:var(--text-muted)}.preset-btn,.filter-btn{padding:0.35rem 0.75rem;border-radius:var(--radius-sm);font-size:0.8rem;font-weight:500;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.preset-btn:hover,.preset-btn.active,.filter-btn:hover,.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.range-row{display:flex;align-items:center;gap:1rem;margin-bottom:0.75rem}.range-row label{font-size:0.875rem;color:var(--text-muted);min-width:120px}.range-row input[type="range"]{flex:1;accent-color:var(--accent)}.val{font-size:0.875rem;color:var(--accent);font-weight:600;min-width:2.5rem;text-align:right}.uc-result{font-size:1.25rem;font-weight:700;color:var(--accent);padding:0.75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;margin-top:0.75rem}.uc-row{display:flex;gap:0.75rem;align-items:center;margin-bottom:0.75rem;flex-wrap:wrap}.uc-swap{padding:0.4rem 0.6rem;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:border-color var(--transition),color var(--transition);font-size:1rem}.uc-swap:hover{border-color:var(--accent);color:var(--accent)}.uc-panel{display:none}.uc-panel.active{display:block}.empty{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:0.9rem}.rte-stat{display:flex;flex-direction:column;align-items:center;gap:0.2rem;padding:0.75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.rte-stat-val{font-size:1.35rem;font-weight:700;color:var(--accent)}.rte-stat-lbl{font-size:0.7rem;color:var(--text-muted);text-transform:uppercase}.cron-field{display:flex;flex-direction:column;gap:0.25rem}.cron-field label{font-size:0.75rem;color:var(--text-muted);text-align:center}.cron-field input{text-align:center;width:60px;padding:0.5rem;background:var(--bg-primary);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-light)}pre,.code-output{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.25rem;font-size:0.85rem;color:var(--text-light);overflow-x:auto;line-height:1.6;white-space:pre-wrap;word-break:break-all}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;padding:2.5rem 0}.trust-item{display:flex;flex-direction:column;align-items:center;gap:0.5rem;text-align:center}.trust-icon{font-size:1.75rem}.trust-label{font-size:0.8rem;font-weight:600;color:var(--text-light)}.trust-sub{font-size:0.75rem;color:var(--text-muted)}.error-page{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.25rem}.error-code{font-size:6rem;font-weight:800;color:var(--accent);line-height:1;margin-bottom:1rem}.error-page h2{margin-bottom:0.75rem}.error-page p{color:var(--text-muted);max-width:420px;margin-bottom:1.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[x-cloak]{display:none !important}.divider{border:none;border-top:1px solid var(--border);margin:2rem 0}.mt-1{margin-top:0.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:0.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.w-full{width:100%}.text-center{text-align:center}.text-sm{font-size:0.875rem}.text-xs{font-size:0.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.field pre{margin-top:0.5rem}@keyframes hp-fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes hp-fade-in{from{opacity:0}to{opacity:1}}@keyframes hp-glow-breathe{0%,100%{opacity:.5}50%{opacity:1}}@keyframes hp-chip-float{0%{transform:translateY(0px) rotate(var(--fr,-1deg))}40%{transform:translateY(-8px) rotate(var(--fr,-1deg))}70%{transform:translateY(3px) rotate(var(--fr,-1deg))}100%{transform:translateY(0px) rotate(var(--fr,-1deg))}}@keyframes hp-dot-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes hp-slide-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hp-shimmer{from{background-position:-200% center}to{background-position:200% center}}@keyframes hp-pulse-ring{0%{box-shadow:0 0 0 0 rgba(0,173,181,.35)}70%{box-shadow:0 0 0 10px rgba(0,173,181,0)}100%{box-shadow:0 0 0 0 rgba(0,173,181,0)}}.hp-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.hp-reveal.hp-visible{opacity:1;transform:none}.hp-reveal[data-d="1"]{transition-delay:.06s}.hp-reveal[data-d="2"]{transition-delay:.12s}.hp-reveal[data-d="3"]{transition-delay:.18s}.hp-reveal[data-d="4"]{transition-delay:.24s}.hp-reveal[data-d="5"]{transition-delay:.30s}.hp-reveal[data-d="6"]{transition-delay:.36s}.hp-anim-child{animation:hp-fade-up .65s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * .1s+.1s)}.hp-eyebrow-dot{animation:hp-dot-blink 2.2s ease-in-out infinite}.hp-hero-glow{animation:hp-glow-breathe 5s ease-in-out infinite}.hp-float-chip{animation:hp-chip-float 5s ease-in-out infinite;animation-delay:var(--fd,0s)}.hp-card-popular-badge{background:linear-gradient(90deg,rgba(0,173,181,.15) 0%,rgba(0,173,181,.35) 50%,rgba(0,173,181,.15) 100%);background-size:200% auto;animation:hp-shimmer 2.5s linear infinite}.hp-about-links .btn-primary{animation:hp-pulse-ring 2.8s ease-out infinite}.hp-stat-val{animation:hp-slide-in .5s cubic-bezier(.16,1,.3,1) both}.hp-stat-block:nth-child(1) .hp-stat-val{animation-delay:.1s}.hp-stat-block:nth-child(2) .hp-stat-val{animation-delay:.2s}.hp-stat-block:nth-child(3) .hp-stat-val{animation-delay:.3s}.hp-stat-block:nth-child(4) .hp-stat-val{animation-delay:.4s}@media (max-width:1024px){.hp-why-grid{grid-template-columns:1fr 1fr;gap:0}.hp-why-grid>*:nth-child(2n+1){border-left:none}.hp-why-grid>*:nth-child(n+3){border-top:1px solid var(--border)}}@media (max-width:900px){.hp-about-inner{grid-template-columns:1fr;gap:2rem}.hp-about-stats{grid-template-columns:repeat(4,1fr);min-width:unset;width:100%}}@media (max-width:600px){.hp-hero{padding:3.5rem 0 2.5rem}.hp-grid{grid-template-columns:1fr 1fr}.hp-pop-grid{grid-template-columns:repeat(3,1fr)}.hp-section-link{width:100%;margin-left:0}.hp-about-inner{padding:1.75rem 1.25rem}.hp-about-stats{grid-template-columns:1fr 1fr}.hp-why{padding:2rem 1.25rem}.hp-why-grid{grid-template-columns:1fr 1fr}.hp-why-grid>*:nth-child(2n+1){border-left:none}.hp-why-grid>*:nth-child(n+3){border-top:1px solid var(--border)}}@media (max-width:400px){.hp-grid{grid-template-columns:1fr}.hp-pop-grid{grid-template-columns:repeat(2,1fr)}.hp-why-grid{grid-template-columns:1fr}.hp-why-grid>*+*{border-left:none;border-top:1px solid var(--border)}}.tgl{position:relative;display:inline-flex;align-items:center;gap:0.6rem;cursor:pointer;font-size:0.85rem;color:var(--text-muted);user-select:none;line-height:1.4}.tgl input[type="checkbox"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;border:none !important;background:none !important;box-shadow:none !important;opacity:0;pointer-events:none}.tgl-track{position:relative;flex-shrink:0;width:36px;height:20px;background:rgba(128,128,128,0.3);border-radius:10px;transition:background 0.2s ease}.tgl-track::after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.35);transition:transform 0.2s ease}.tgl input[type="checkbox"]:checked~.tgl-track{background:var(--accent)}.tgl input[type="checkbox"]:checked~.tgl-track::after{transform:translateX(16px)}.tgl input[type="checkbox"]:focus-visible~.tgl-track{outline:2px solid var(--accent);outline-offset:2px}.ic-drop{position:relative;display:block;width:100%;box-sizing:border-box;border:2px dashed var(--border-input,#d1d5db);border-radius:var(--radius,8px);padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--bg-primary,#fff)}.ic-drop:hover,.ic-drop.drag-over{border-color:var(--accent);background:rgba(0,173,181,0.04)}.ic-drop-icon{width:52px;height:52px;margin:0 auto 1rem;background:rgba(0,173,181,0.1);border-radius:14px;display:flex;align-items:center;justify-content:center}.ic-drop-title{font-size:1rem;font-weight:600;color:var(--text-light);margin-bottom:.3rem}.ic-drop-hint{font-size:.82rem;color:var(--text-muted)}.ic-drop-types{display:flex;justify-content:center;gap:.4rem;margin-top:.9rem;flex-wrap:wrap}.ic-type-chip{padding:.2rem .6rem;border-radius:2rem;font-size:.72rem;font-weight:600;background:rgba(128,128,128,.1);border:1px solid var(--border,#e5e7eb);color:var(--text-muted)}.ic-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:1.25rem;padding:1.25rem;background:var(--bg-primary,#fff);border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,8px)}@media (max-width:640px){.ic-controls{grid-template-columns:1fr 1fr}}.ic-controls-2col{grid-template-columns:1fr 1fr}.ic-ctrl-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.ic-ctrl-label span{font-weight:700;color:var(--accent);font-size:.9rem;text-transform:none;letter-spacing:0}.ic-q-marks{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-muted);margin-top:.3rem;padding:0 2px}.ic-action-bar{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.ic-action-bar .ic-count{font-size:.82rem;color:var(--text-muted);margin-left:auto}.ic-results{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}.ic-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:1rem;padding:1rem 1.1rem;background:var(--bg-primary,#fff);border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,8px);transition:border-color .2s}.ic-card:hover{border-color:var(--accent)}.ic-thumb{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm,6px);flex-shrink:0}.ic-info{min-width:0}.ic-fname{font-size:.875rem;font-weight:600;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.3rem}.ic-sizes{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.78rem;color:var(--text-muted);margin-bottom:.5rem}.ic-arrow{color:var(--accent);font-weight:700}.ic-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:2rem;font-size:.7rem;font-weight:700;background:rgba(0,173,181,.12);color:var(--accent);border:1px solid rgba(0,173,181,.2)}.ic-badge.bad{background:rgba(239,68,68,.1);color:#f87171;border-color:rgba(239,68,68,.2)}.ic-bar-wrap{height:4px;background:rgba(128,128,128,.15);border-radius:2px;overflow:hidden}.ic-bar-fill{height:100%;border-radius:2px;background:var(--accent);transition:width .6s ease}.ic-actions{display:flex;flex-direction:column;gap:.4rem;align-items:flex-end;flex-shrink:0}.ic-preview-split{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.25rem}@media (max-width:520px){.ic-preview-split{grid-template-columns:1fr}}.ic-preview-pane{text-align:center}.ic-preview-label{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.ic-preview-img{width:100%;max-height:280px;object-fit:contain;border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,8px);background:repeating-conic-gradient(#e5e7eb 0% 25%,transparent 0% 50%) 0 0 / 16px 16px}.ic-preview-meta{font-size:.78rem;color:var(--text-muted);margin-top:.4rem}.ic-canvas-wrap{margin-top:1.25rem;overflow:hidden;border-radius:var(--radius,8px);border:1px solid var(--border,#e5e7eb);background:repeating-conic-gradient(#e5e7eb 0% 25%,transparent 0% 50%) 0 0 / 16px 16px}.ic-canvas-wrap canvas{display:block;max-width:100%;height:auto}@keyframes ic-spin{to{transform:rotate(360deg)}}
/* ── Performance fixes ──────────────────────────────────────────────────── */
/* LCP fix: H1 must start visible — slide animation only, no opacity change */
.hp-hero-title.hp-anim-child{animation-name:hp-lcp-slide}
@keyframes hp-lcp-slide{from{opacity:1;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/* content-visibility: defer layout/paint of off-screen category sections */
.hp-section{content-visibility:auto;contain-intrinsic-size:auto 600px}