:root{--bg-primary:#fff;--bg-secondary:#f0f4f8;--bg-card:#fff;--text-primary:#102a43;--text-secondary:#486581;--primary-color:#0b3954;--primary-hover:#135d89;--accent-color:#00a896;--accent-hover:#02c39a;--border-color:#d9e2ec;--neon-glow-rgb:0,168,150;--border-radius:8px;--transition:all 0.2s ease-in-out;--font-family:"Inter",system-ui,-apple-system,sans-serif;--container-width:1200px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#10141a;--bg-secondary:#1a202c;--bg-card:#2d3748;--text-primary:#edf2f7;--text-secondary:#a0aec0;--primary-color:#2b6cb0;--primary-hover:#3182ce;--accent-color:#00b4d8;--accent-hover:#48cae4;--border-color:#4a5568;--neon-glow-rgb:0,180,216}}[data-theme=dark]{--bg-primary:#10141a;--bg-secondary:#1a202c;--bg-card:#2d3748;--text-primary:#edf2f7;--text-secondary:#a0aec0;--primary-color:#2b6cb0;--primary-hover:#3182ce;--accent-color:#00b4d8;--accent-hover:#48cae4;--border-color:#4a5568;--neon-glow-rgb:0,180,216}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f0f4f8;--bg-card:#fff;--text-primary:#102a43;--text-secondary:#486581;--primary-color:#0b3954;--primary-hover:#135d89;--accent-color:#00a896;--accent-hover:#02c39a;--border-color:#d9e2ec;--neon-glow-rgb:0,168,150}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);line-height:1.6;transition:background-color var(--transition),color var(--transition)}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600;color:var(--text-primary)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 20px}.header{background-color:var(--bg-secondary);padding:1rem 0;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;top:100%;left:-10px;background-color:var(--bg-card);min-width:220px;box-shadow:0 10px 15px rgba(0,0,0,.1);border:1px solid var(--border-color);border-radius:var(--border-radius);z-index:1001;padding:.5rem 0}.dropdown:hover .dropdown-content{display:flex;flex-direction:column}.dropdown-content a{color:var(--text-primary);padding:.75rem 1.5rem;text-decoration:none;display:block;font-weight:500;transition:all .2s}.dropdown-content a:hover{background-color:var(--bg-secondary);color:var(--primary-color)}.header-content{justify-content:space-between}.header-content,.logo{display:flex;align-items:center}.header-logo{height:36px;width:auto;display:block;transition:filter .2s ease}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .header-logo{filter:invert(1) brightness(1.2)}}[data-theme=dark] .header-logo{filter:invert(1) brightness(1.2)}[data-theme=light] .header-logo{filter:none}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text-secondary);font-weight:500}.nav-links a:hover{color:var(--primary-color)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,.1)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;border:2px solid var(--accent-color);background:transparent;color:var(--accent-color);transition:all .25s ease}.btn:hover{animation:neonGlow 3s ease infinite;background:rgba(var(--neon-glow-rgb),.07);transform:translateY(-1px)}.btn:active{transform:scale(.97);animation:none;box-shadow:0 0 12px rgba(249,103,251,.4),0 0 12px rgba(83,188,40,.3),0 0 25px rgba(105,88,213,.2)}.btn-primary{border-color:var(--primary-color);color:var(--primary-color)}.btn-primary:hover{border-color:var(--primary-hover);color:var(--primary-hover)}.btn-accent{border-color:var(--accent-color);color:var(--accent-color)}.btn-accent:hover{border-color:var(--accent-hover);color:var(--accent-hover)}.hero{text-align:center;padding:4rem 0}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:4rem}.tool-card{display:flex;flex-direction:column;height:100%}.tool-card h3{color:var(--primary-color);margin-bottom:.5rem}.tool-card p{color:var(--text-secondary);margin-bottom:1.5rem;flex-grow:1}.blog-section{padding:4rem 0;border-top:1px solid var(--border-color)}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;transition:all .2s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.02)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(11,57,84,.15)}@media (prefers-color-scheme:dark){input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{background-color:var(--bg-card);border-color:#4a5568;color:var(--text-primary)}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(43,108,176,.3)}}.main-layout{display:flex;gap:2rem;margin-top:2rem;min-height:80vh;align-items:flex-start}.main-content{flex:1 1;min-width:0}.global-sidebar{width:300px;flex-shrink:0}@media (max-width:900px){.global-sidebar,.main-layout{flex-direction:column}.global-sidebar{width:100%;display:flex;align-items:center}.header-content{flex-direction:column;gap:1rem}}.hero-full-width{background:linear-gradient(135deg,var(--primary-color) 0,#041b2b 100%);color:#fff;padding:5rem 1rem;width:100%;margin-bottom:2rem;box-shadow:inset 0 -10px 20px rgba(0,0,0,.1)}.hero-full-width-content{max-width:1000px;margin:0 auto;text-align:center}.hero-full-width-content h1{color:#fff;font-size:3.5rem;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;gap:1rem}.hero-full-width-content p{color:#edf2f7;font-size:1.25rem;opacity:.9;line-height:1.6}@media (max-width:768px){.hero-full-width-content h1{font-size:2.2rem}}.hero-banner{position:relative;width:100%;min-height:85vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.hero-banner-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero-banner-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 45%,transparent 0,rgba(0,0,0,.35) 100%);z-index:1;pointer-events:none}.hero-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,var(--bg-primary));z-index:2;pointer-events:none}.hero-banner-content{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:5rem 1.5rem 6rem}.hero-banner-label{font-size:.72rem;font-weight:700;letter-spacing:.22em;color:var(--accent-color);text-transform:uppercase;margin-bottom:0}.hero-slide{max-width:820px;transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.hero-slide--visible{opacity:1;transform:translateY(0)}.hero-slide--hidden{opacity:0;transform:translateY(24px)}.hero-slide-heading{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:900;color:#fff;margin-bottom:1.1rem;line-height:1.15;letter-spacing:-.02em;text-shadow:0 2px 30px rgba(0,0,0,.6)}.hero-slide-subheading{font-size:clamp(.95rem,1.4vw,1.15rem);color:hsla(0,0%,100%,.78);line-height:1.75;max-width:650px;margin:0 auto;text-shadow:0 1px 12px rgba(0,0,0,.4)}.hero-slide-dots{display:flex;gap:.6rem;align-items:center}.hero-dot{width:10px;height:10px;border-radius:50%;border:2px solid hsla(0,0%,100%,.35);background:transparent;cursor:pointer;padding:0;transition:all .35s ease}.hero-dot:hover{border-color:hsla(0,0%,100%,.75)}.hero-dot--active{width:32px;border-radius:5px;background:var(--accent-color);border-color:var(--accent-color);position:relative;overflow:hidden}.hero-dot--active:after{content:"";position:absolute;top:0;left:0;bottom:0;width:0;background:hsla(0,0%,100%,.3);animation:heroDotProgress 5s linear forwards}@keyframes heroDotProgress{0%{width:0}to{width:100%}}.hero-banner-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.hero-btn-outline{background:transparent;color:#fff!important;border:2px solid hsla(0,0%,100%,.35)}.hero-btn-outline:hover{border-color:hsla(0,0%,100%,.85);color:#fff!important;background:hsla(0,0%,100%,.08);transform:translateY(-2px);animation:neonGlow 3s ease infinite}.hero-btn-outline:active{transform:scale(.97);animation:none;box-shadow:0 0 12px rgba(249,103,251,.5),0 0 12px rgba(83,188,40,.35),0 0 25px rgba(105,88,213,.25)}@media (max-width:640px){.hero-banner{min-height:75vh}.hero-banner-content{padding:3.5rem 1rem 5rem;gap:1.5rem}}.hp-root{overflow-x:hidden}.hp-hero{background:var(--bg-primary);padding:5rem 0 4rem;border-bottom:1px solid var(--border-color);position:relative;overflow:hidden}.hp-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:48px 48px;opacity:.35;pointer-events:none}.hp-hero-inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;position:relative;z-index:1}.hp-hero-label{font-size:.72rem;font-weight:700;letter-spacing:.18em;color:var(--accent-color);margin-bottom:1.25rem;text-transform:uppercase}.hp-hero-heading{font-size:clamp(2.8rem,5vw,4.5rem);font-weight:900;line-height:1.05;color:var(--text-primary);margin-bottom:1.5rem;letter-spacing:-.02em}.hp-hero-accent{color:var(--accent-color)}.hp-hero-sub{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;max-width:440px;margin-bottom:2.5rem}.hp-hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hp-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.85rem 2.2rem;border-radius:50px;font-size:.9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:2px solid var(--accent-color);background:transparent;color:var(--accent-color)!important;transition:all .25s ease;text-decoration:none}.hp-btn:hover{animation:neonGlow 3s ease infinite;background:rgba(var(--neon-glow-rgb),.07);transform:translateY(-2px);color:var(--accent-hover)!important;border-color:var(--accent-hover)}.hp-btn:active{transform:scale(.97);animation:none;box-shadow:0 0 12px rgba(249,103,251,.4),0 0 12px rgba(83,188,40,.3),0 0 25px rgba(105,88,213,.2)}.hp-btn-primary{border-color:var(--accent-color);color:var(--accent-color)!important}.hp-btn-primary:hover{border-color:var(--accent-hover);color:var(--accent-hover)!important}.hp-btn-ghost{border-color:var(--border-color);color:var(--text-primary)!important}.hp-btn-ghost:hover{border-color:var(--accent-color);color:var(--accent-color)!important}.hp-btn-lg{padding:1rem 2.5rem;font-size:.95rem}.hp-hero-right{display:flex;justify-content:center}.hp-stats-card{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 20px 40px rgba(0,0,0,.08);position:relative;overflow:hidden}.hp-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--primary-color))}.hp-stats-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--accent-color);margin-bottom:1rem}.hp-stats-label{font-size:.78rem;color:var(--text-secondary);margin-top:.5rem;margin-bottom:1.5rem;letter-spacing:.02em}.hp-stats-visual{display:flex;flex-direction:column;gap:8px;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.hp-stats-bar{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--accent-color),var(--primary-color));opacity:.6;animation:hpBarGrow 1s ease forwards;transform-origin:left}@keyframes hpBarGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes neonGlow{0%,to{box-shadow:0 0 8px rgba(249,103,251,.45),0 0 22px rgba(249,103,251,.2),0 0 45px rgba(249,103,251,.08)}25%{box-shadow:0 0 8px rgba(83,188,40,.45),0 0 22px rgba(83,188,40,.2),0 0 45px rgba(83,188,40,.08)}50%{box-shadow:0 0 8px rgba(105,88,213,.45),0 0 22px rgba(105,88,213,.2),0 0 45px rgba(105,88,213,.08)}75%{box-shadow:0 0 8px rgba(255,0,138,.45),0 0 22px rgba(255,0,138,.2),0 0 45px rgba(255,0,138,.08)}}@keyframes neonCardGlow{0%,to{box-shadow:inset 0 0 40px rgba(249,103,251,.15),inset 0 2px 8px rgba(249,103,251,.5),inset 0 -2px 8px rgba(249,103,251,.25),inset 2px 0 8px rgba(249,103,251,.15),inset -2px 0 8px rgba(249,103,251,.15)}25%{box-shadow:inset 0 0 40px rgba(83,188,40,.15),inset 0 2px 8px rgba(83,188,40,.5),inset 0 -2px 8px rgba(83,188,40,.25),inset 2px 0 8px rgba(83,188,40,.15),inset -2px 0 8px rgba(83,188,40,.15)}50%{box-shadow:inset 0 0 40px rgba(105,88,213,.15),inset 0 2px 8px rgba(105,88,213,.5),inset 0 -2px 8px rgba(105,88,213,.25),inset 2px 0 8px rgba(105,88,213,.15),inset -2px 0 8px rgba(105,88,213,.15)}75%{box-shadow:inset 0 0 40px rgba(255,0,138,.15),inset 0 2px 8px rgba(255,0,138,.5),inset 0 -2px 8px rgba(255,0,138,.25),inset 2px 0 8px rgba(255,0,138,.15),inset -2px 0 8px rgba(255,0,138,.15)}}.hp-section{padding:5rem 0}.hp-section-alt{background:var(--bg-secondary)}.hp-section-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:3rem}.hp-section-label{font-size:.72rem;font-weight:800;letter-spacing:.2em;color:var(--text-secondary);white-space:nowrap;text-transform:uppercase}.hp-section-rule{flex:1 1;border:none;border-top:1px solid var(--border-color)}.hp-view-all{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--accent-color)!important;white-space:nowrap;text-transform:uppercase}.hp-view-all:hover{color:var(--accent-hover)!important}.hp-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5px;gap:1.5px;border:1.5px solid var(--border-color);border-radius:10px;overflow:hidden;background:var(--border-color)}.hp-tool-card{display:flex;flex-direction:column;gap:.75rem;padding:2rem 1.75rem;background:var(--bg-card);transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.hp-tool-card,.hp-tool-card:hover{text-decoration:none;color:inherit}.hp-tool-card:hover{background:var(--bg-secondary);transform:translateY(-2px);animation:neonCardGlow 3s ease infinite}.hp-tool-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);margin-bottom:.25rem}.hp-tool-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.hp-tool-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.6;flex:1 1;margin:0}.hp-tool-cta{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--accent-color);text-transform:uppercase;margin-top:auto}.hp-blog-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5px;gap:1.5px;border:1.5px solid var(--border-color);border-radius:10px;overflow:hidden;background:var(--border-color)}.hp-blog-card{display:flex;flex-direction:column;gap:.6rem;padding:1.75rem;background:var(--bg-card);text-decoration:none;color:inherit;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.hp-section-alt .hp-blog-card{background:var(--bg-secondary)}.hp-section-alt .hp-blog-card:hover{background:var(--bg-card)}.hp-blog-card:hover{background:var(--bg-secondary);color:inherit;text-decoration:none;transform:translateY(-2px);animation:neonCardGlow 3s ease infinite}.hp-blog-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.hp-blog-tag{font-size:.65rem;font-weight:800;letter-spacing:.15em;color:var(--accent-color);text-transform:uppercase}.hp-blog-date{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.hp-blog-title{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin:0}.hp-blog-excerpt{font-size:.82rem;color:var(--text-secondary);line-height:1.6;flex:1 1;margin:0}.hp-blog-read{font-size:.72rem;font-weight:700;color:var(--accent-color);letter-spacing:.08em;margin-top:auto}.hp-section-cta{background:var(--bg-primary);border-top:1px solid var(--border-color)}.hp-cta-inner{max-width:720px;margin:0 auto;text-align:center}.hp-cta-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.25rem;justify-content:center}.hp-cta-sub{font-size:1rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.hp-contact-form{display:flex;flex-direction:column;gap:1.25rem;text-align:left}.hp-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem}.hp-form-field{display:flex;flex-direction:column;gap:.4rem}.hp-form-field label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}@media (max-width:1024px){.hp-blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.hp-hero-inner{grid-template-columns:1fr;gap:3rem}.hp-hero-right{justify-content:flex-start}.hp-stats-card{max-width:100%}.hp-tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hp-hero{padding:3.5rem 0 3rem}.hp-blog-grid,.hp-form-row,.hp-tools-grid{grid-template-columns:1fr}.hp-section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.hp-section-rule{width:100%}}.usage-counter-section{padding:5rem 0 6rem;background:#000;position:relative;overflow:hidden}.usage-counter-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(249,103,251,.06) 0,transparent 70%);pointer-events:none}.usage-counter-label{font-size:.72rem;font-weight:800;letter-spacing:.25em;text-transform:uppercase;color:var(--accent-color);margin-bottom:1.5rem}.usage-counter-number{font-size:clamp(4rem,12vw,9rem);font-weight:900;line-height:1;color:#fff;letter-spacing:-.03em;margin-bottom:1.5rem;animation:neonTextGlow 4s ease infinite,counterPulse 4s ease infinite}.usage-counter-plus{font-size:.5em;font-weight:700;color:var(--accent-color);vertical-align:super;margin-left:.1em}.usage-counter-sub{font-size:1rem;color:hsla(0,0%,100%,.55);max-width:500px;margin:0 auto;line-height:1.6;letter-spacing:.02em}@keyframes neonTextGlow{0%,to{text-shadow:0 0 20px rgba(249,103,251,.6),0 0 40px rgba(249,103,251,.35),0 0 80px rgba(249,103,251,.15),0 0 120px rgba(249,103,251,.05)}25%{text-shadow:0 0 20px rgba(83,188,40,.6),0 0 40px rgba(83,188,40,.35),0 0 80px rgba(83,188,40,.15),0 0 120px rgba(83,188,40,.05)}50%{text-shadow:0 0 20px rgba(105,88,213,.6),0 0 40px rgba(105,88,213,.35),0 0 80px rgba(105,88,213,.15),0 0 120px rgba(105,88,213,.05)}75%{text-shadow:0 0 20px rgba(255,0,138,.6),0 0 40px rgba(255,0,138,.35),0 0 80px rgba(255,0,138,.15),0 0 120px rgba(255,0,138,.05)}}@keyframes counterPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (max-width:640px){.usage-counter-section{padding:3.5rem 0 4rem}}