.seo-section{background:linear-gradient(145deg,#fdfbfb 0%,#ebedee 100%);border-radius:1.5rem;margin-top:1rem;margin-bottom:1.5rem;padding:2rem 2rem 4rem;position:relative;overflow:hidden}.seo-section:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#8b5cf608 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.seo-section-header{text-align:center;z-index:1;margin-bottom:2rem;position:relative}.seo-section-header h2{background:linear-gradient(135deg,#4f46e5 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.seo-section-header p{color:var(--slate-600);max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.6}.seo-header-line{background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:10px;width:5rem;height:5px;margin:1.5rem auto}.seo-benefit-card,.seo-feature-card,.seo-usecase-card,.seo-related-card,.seo-format-box,.seo-security-card{-webkit-backdrop-filter:blur(10px);z-index:1;background:#ffffffd9;border:1px solid #ffffff80;border-radius:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 10px 30px #00000008}.seo-benefit-card:hover,.seo-feature-card:hover,.seo-usecase-card:hover,.seo-related-card:hover{border-color:#8b5cf633;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #8b5cf614}.seo-benefits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;max-width:1100px;margin:0 auto;display:grid}.seo-benefit-card{text-align:center;flex-direction:column;align-items:center;padding:2.5rem 2rem;display:flex}.seo-benefit-icon{color:#6366f1;background:linear-gradient(135deg,#e0e7ff 0%,#f3e8ff 100%);border-radius:1.2rem;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin-bottom:1.5rem;font-size:2.25rem;display:flex;box-shadow:0 8px 20px #6366f126}.seo-benefit-card h3{color:var(--slate-800);margin-bottom:1rem;font-size:1.35rem;font-weight:700}.seo-benefit-card p{color:var(--slate-600);line-height:1.7}.seo-features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;max-width:1000px;margin:0 auto;display:grid}.seo-feature-row{background:#fff9;border:1px solid #fffc;border-radius:1.5rem;align-items:flex-start;gap:1.5rem;padding:2rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #00000005}.seo-feature-row:hover{background:#fff;transform:translate(5px);box-shadow:0 10px 25px #8b5cf60d}.seo-feature-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.75rem;display:flex;box-shadow:0 8px 15px #6366f14d}.seo-feature-text h3{color:var(--slate-800);margin-bottom:.5rem;font-size:1.35rem;font-weight:700}.seo-feature-text p{color:var(--slate-600);line-height:1.7}.seo-usecases-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1100px;margin:0 auto;display:grid}.seo-usecase-card{gap:1.5rem;padding:2rem;display:flex}.seo-usecase-icon{color:#10b981;background:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-top:.25rem;font-size:2rem;display:flex}.seo-usecase-content h3{color:var(--slate-800);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.seo-usecase-content p{color:var(--slate-600);font-size:1rem;line-height:1.6}.seo-split-section{flex-wrap:wrap;gap:3rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.seo-formats,.seo-security{border:none;flex:1;min-width:320px;padding:0}.seo-formats-container{background:#fff;border:1px solid #e2e8f0cc;border-radius:1.5rem;justify-content:space-around;align-items:center;padding:3rem 2rem;display:flex;box-shadow:0 15px 35px #0000000a}.seo-format-box{box-shadow:none;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:1.5rem;padding:1rem;display:flex}.seo-format-box.highlight{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border:2px dashed #818cf8;border-radius:1rem;padding:2rem 1.5rem}.seo-format-label{text-transform:uppercase;letter-spacing:.08em;color:var(--slate-500);font-size:1rem;font-weight:700}.seo-format-box.highlight .seo-format-label{color:#4f46e5}.seo-format-list{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.seo-format-badge{background:var(--slate-100);color:var(--slate-700);border-radius:.5rem;padding:.5rem 1rem;font-family:ui-monospace,monospace;font-size:1rem;font-weight:600;box-shadow:0 2px 5px #0000000d}.seo-format-badge.output{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);box-shadow:0 4px 12px #6366f14d}.seo-format-arrow{color:#a855f7;font-size:2.5rem;animation:2s infinite pulseArrow}@keyframes pulseArrow{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)translate(5px)}to{opacity:.8;transform:scale(1)}}.seo-security-card{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:1.5rem;flex-direction:column;gap:1.5rem;padding:3rem;display:flex;box-shadow:0 20px 40px #10b98133}.seo-security-icon{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:2.25rem;display:flex}.seo-security-content h2{color:#fff;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.seo-security-content p{color:#ffffffe6;margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.seo-security-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.seo-security-list li{color:#fff;align-items:center;gap:1rem;font-size:1.1rem;font-weight:600;display:flex}.seo-security-list li i{color:#6ee7b7;font-size:1.5rem}.seo-related-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.seo-related-card{background:#fff;border:2px solid #0000;align-items:center;gap:1.25rem;padding:1.75rem;text-decoration:none;display:flex}.seo-related-card:hover{border-color:#8b5cf6;transform:translateY(-5px);box-shadow:0 15px 30px #8b5cf626}.seo-related-icon{color:#8b5cf6;background:#f3e8ff;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;display:flex}.seo-related-card h3{color:var(--slate-800);flex:1;margin:0;font-size:1.15rem;font-weight:700}.seo-related-arrow{color:var(--slate-400);font-size:1.5rem;transition:all .3s}.seo-related-card:hover .seo-related-arrow{color:#8b5cf6;transform:translate(8px)}.seo-education-content{max-width:900px;color:var(--slate-600);background:#fff;border:1px solid #e2e8f0cc;border-radius:2rem;margin:0 auto;padding:4rem;font-size:1.1rem;line-height:1.9;box-shadow:0 20px 50px #00000008}.seo-education-content h3{color:var(--slate-800);border-bottom:3px solid #e2e8f0;margin-top:0;margin-bottom:2rem;padding-bottom:1rem;font-size:2rem;font-weight:800}.seo-education-content h4{color:var(--slate-800);margin-top:2.5rem;margin-bottom:1rem;font-size:1.35rem;font-weight:700}.seo-education-content p{margin-bottom:1.5rem}.seo-education-content strong{color:var(--slate-800);font-weight:700}.content-card-dark{color:#f8fafc;background:linear-gradient(135deg,#0b132b 0%,#1e293b 100%);border:1px solid #ffffff14;border-radius:1.5rem;margin-top:3rem;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a4d}.content-card-dark:after{content:"";opacity:.8;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"%238b5cf6\" opacity=\"0.015\"/></svg>");position:absolute;inset:0}.content-card-dark-grid{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:2rem;display:grid;position:relative}.seo-title{color:#fff;margin-bottom:1rem;font-size:2.25rem;font-weight:800}.seo-lead{color:#cbd5e1;font-size:1.15rem;line-height:1.6}.guide-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;margin-bottom:3rem;display:grid}.guide-card{text-align:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:1.25rem;padding:2.5rem 2rem;transition:transform .3s;box-shadow:0 10px 30px #00000008}.guide-card:hover{border-color:#8b5cf64d;transform:translateY(-5px);box-shadow:0 15px 35px #8b5cf614}.step-num{color:#6366f1;background:linear-gradient(135deg,#e0e7ff 0%,#f3e8ff 100%);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:800;display:inline-flex}.guide-card h3{color:var(--slate-800);margin-bottom:1rem;font-size:1.2rem;font-weight:700}.guide-card p{color:var(--slate-600);line-height:1.6}.faq-accordion-box{text-align:center;background:#f8fafc;border-radius:1.5rem;margin-top:3rem;margin-bottom:1rem;padding:4rem 2rem}.faq-accordion-box h3{color:var(--slate-800);margin-bottom:3rem;font-size:2.25rem;font-weight:800}.faq-accordion-item{text-align:left;background:#fff;border:1px solid #e2e8f0cc;border-radius:1rem;max-width:900px;margin-bottom:1rem;margin-left:auto;margin-right:auto;transition:all .3s;overflow:hidden;box-shadow:0 4px 15px #00000005}.faq-accordion-item:hover,.faq-accordion-item[open]{border-color:#8b5cf6;box-shadow:0 10px 25px #8b5cf614}.faq-accordion-item summary{color:var(--slate-800);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.5rem 2rem;font-size:1.15rem;font-weight:700;list-style:none;display:flex}.faq-accordion-item summary::-webkit-details-marker{display:none}.faq-accordion-item summary:after{content:"+";color:#6366f1;font-size:1.5rem;font-weight:700;transition:transform .3s}.faq-accordion-item[open] summary:after{color:#ec4899;transform:rotate(45deg)}.faq-accordion-content{color:var(--slate-600);padding:0 2rem 1.5rem;font-size:1.05rem;line-height:1.7}.faq-accordion-content p{margin:0}.tool-content-view.active{background:linear-gradient(#f8faff 0%,#fff 100%);border-radius:0 0 2rem 2rem;padding-bottom:1rem}@media (width<=768px){.seo-section{margin-top:1rem;margin-bottom:1rem;padding:3rem 1rem}.seo-section-header h2{font-size:2rem}.seo-related-grid{grid-template-columns:1fr;gap:1.5rem}.seo-usecases-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.seo-benefits-grid,.seo-features-grid,.guide-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.seo-benefit-card,.seo-feature-row,.seo-usecase-card,.guide-card{padding:.5rem}.seo-benefit-card h3,.guide-card h3,.seo-feature-row h3,.seo-usecase-card h3{margin-bottom:.3rem;font-size:.75rem}.seo-benefit-card p,.guide-card p,.seo-feature-row p,.seo-usecase-card p{font-size:.65rem;line-height:1.2}.seo-benefit-icon,.seo-feature-icon,.seo-usecase-icon{width:2rem;height:2rem;margin-bottom:.5rem;font-size:1rem}.seo-related-card,.content-card-dark{padding:1.5rem}.seo-feature-row{text-align:center;flex-direction:column;align-items:center}.seo-split-section{gap:2rem;padding:2rem 1rem}.seo-formats,.seo-security{min-width:100%}.seo-security-card{padding:2rem 1.5rem}.seo-formats-container{flex-direction:column;padding:1.5rem 1rem}.seo-education-content{padding:2rem 1.5rem}.faq-accordion-box{padding:2rem 1rem}.faq-accordion-item summary{padding:1.2rem 1rem;font-size:1.05rem}.faq-accordion-content{padding:0 1rem 1.5rem}.content-card-dark-grid{text-align:center;grid-template-columns:1fr}.content-right{display:none!important}}.seo-overview{background:#fff;border:1px solid #e2e8f0cc;border-radius:1.25rem;margin-top:2rem;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 15px #00000005}.seo-overview h2{color:var(--slate-800);margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.seo-overview-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.seo-overview-item{align-items:flex-start;gap:1rem;display:flex}.seo-overview-icon{color:#8b5cf6;background:#f3e8ff;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;font-size:1.75rem;display:flex}.seo-overview-text h4{color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;font-size:.85rem;font-weight:700}.seo-overview-text p{color:var(--slate-800);margin:0;font-size:1.05rem;font-weight:600}.seo-howto{text-align:center;background:#f8fafc;border:1px solid #e2e8f0cc;border-radius:1.5rem;margin-bottom:3rem;padding:3.5rem}.seo-howto h2{color:var(--slate-800);margin-top:0;margin-bottom:3rem;font-size:2.25rem;font-weight:800}.seo-howto-timeline{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid;position:relative}.seo-howto-step{text-align:center;z-index:2;background:#fff;border:1px solid #e2e8f0cc;border-radius:1rem;padding:2.5rem 1.5rem;transition:all .3s;position:relative;box-shadow:0 4px 15px #00000005}.seo-howto-step:hover{border-color:#8b5cf6;transform:translateY(-5px);box-shadow:0 10px 25px #8b5cf614}.seo-howto-icon{color:#6366f1;background:linear-gradient(135deg,#e0e7ff 0%,#f3e8ff 100%);border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1.5rem;font-size:2rem;font-weight:800;display:flex}.seo-howto-step h4{color:var(--slate-800);margin:0 0 .75rem;font-size:1.15rem;font-weight:700}.seo-howto-step p{color:var(--slate-600);margin:0;font-size:.95rem;line-height:1.6}@media (width<=768px){.seo-howto-timeline{grid-template-columns:repeat(2,1fr);gap:1rem}.seo-howto-step{padding:1.5rem 1rem}.seo-howto-icon{width:3rem;height:3rem;margin-bottom:1rem;font-size:1.5rem}.seo-howto-step h4{font-size:.9rem}.seo-howto-step p{font-size:.75rem}.seo-overview{padding:1.5rem 1rem}.seo-howto{padding:2rem 1rem}.seo-overview h2{text-align:center;margin-bottom:1rem;font-size:1.25rem}.seo-howto h2{margin-bottom:2rem;font-size:1.75rem}.seo-overview-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.seo-overview-item{text-align:center;flex-direction:column;align-items:center;gap:.5rem}.seo-overview-icon{padding:.5rem;font-size:1.5rem}.seo-overview-text h4{font-size:.7rem}.seo-overview-text p{font-size:.85rem}}:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--secondary:#0f172a;--accent:#10b981;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--bg-main:#fff;--bg-alt:var(--slate-50);--text-main:var(--slate-900);--text-muted:var(--slate-500);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--container-width:1100px}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.show-on-mobile{display:none!important}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4{color:var(--slate-900);letter-spacing:-.025em;font-weight:700}p{color:var(--slate-600)}.gradient-text{color:var(--primary);background:linear-gradient(135deg, var(--primary) 0%, #7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;border-bottom:1px solid var(--slate-200);background:#fffc;align-items:center;height:72px;display:flex;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;width:100%;display:flex}.brand{color:var(--slate-900);align-items:center;gap:.6rem;font-size:1.4rem;font-weight:800;text-decoration:none;display:flex}.brand-icon{color:var(--primary);font-size:1.8rem}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--slate-600);font-size:.95rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--primary)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{border-color:var(--slate-200);color:var(--slate-700);background-color:#fff}.btn-secondary:hover{background-color:var(--slate-50);border-color:var(--slate-300)}.hero{text-align:center;padding:3.5rem 0 2rem}.badge{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.hero h1{margin-bottom:1.25rem;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.2}.hero-subtitle{color:var(--slate-500);max-width:600px;margin:0 auto 1.5rem;font-size:1.125rem}.search-container{border-radius:var(--radius-lg);border:1px solid var(--slate-200);width:100%;max-width:680px;box-shadow:var(--shadow-md);transition:var(--transition);background:#fff;align-items:center;margin:0 auto .5rem;padding:6px;display:flex}.search-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a}.search-icon{color:var(--slate-400);margin-left:1rem}.search-input{border:none;outline:none;flex:1;padding:.75rem;font-size:1rem}.hero-tags{color:var(--slate-500);justify-content:center;align-items:center;gap:1rem;font-size:.85rem;display:flex}.hero-tags a{color:var(--primary);font-weight:500;text-decoration:none}.hero-tags a:hover{text-decoration:underline}.upload-section{padding:1rem 0}.floating-shape{color:var(--primary);opacity:.05;z-index:1;pointer-events:none;font-size:8rem;position:absolute;top:50%;transform:translateY(-50%)}.shape-left{animation:8s ease-in-out infinite floatLeft;left:2%}.shape-right{animation:9s ease-in-out infinite floatRight;right:2%}@keyframes floatLeft{0%{transform:translateY(-50%)rotate(-15deg)}50%{transform:translateY(-60%)rotate(5deg)}to{transform:translateY(-50%)rotate(-15deg)}}@keyframes floatRight{0%{transform:translateY(-50%)rotate(15deg)}50%{transform:translateY(-40%)rotate(-5deg)}to{transform:translateY(-50%)rotate(15deg)}}@media (width<=1400px){.floating-shape{display:none}}.upload-area{box-shadow:0 0 0 4px var(--primary-light);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:var(--transition);background:#f8fafc;padding:4rem 2rem}.ants-rect{transform-origin:50%;animation:1s linear infinite marching-ants;transform:scale(.99)}@keyframes marching-ants{to{stroke-dashoffset:-24px}}@keyframes bounceUpload{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animated-bounce{animation:2s ease-in-out infinite bounceUpload}.upload-trending{z-index:10;-webkit-overflow-scrolling:touch;gap:.25rem;max-width:calc(100% - 4rem);display:flex;position:absolute;top:-2.6rem;left:2rem;overflow-x:auto}.upload-trending::-webkit-scrollbar{display:none}.upload-trending{-ms-overflow-style:none;scrollbar-width:none}.upload-trending span{display:none}.upload-trending a{background:var(--slate-100);color:var(--slate-600);border-radius:var(--radius-lg) var(--radius-lg) 0 0;text-transform:uppercase;letter-spacing:.05em;transition:var(--transition);white-space:nowrap;border:1px solid var(--slate-200);border-bottom:none;flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.8rem;font-weight:700;text-decoration:none;display:flex;box-shadow:0 -4px 6px -1px #00000005}.upload-trending a i{font-size:1.1rem}.upload-trending a:hover{color:var(--primary);background:#fff}.upload-trending a:first-of-type{color:var(--slate-800);z-index:2;background:#f8fafc;border-bottom:2px solid #f8fafc;margin-bottom:-2px;padding-bottom:.7rem}.upload-area:hover{border-color:var(--primary);background:var(--slate-50)}.upload-icon-wrapper{background:var(--primary-light);width:72px;height:72px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2rem;display:flex}.upload-area h2{margin-bottom:.5rem;font-size:1.5rem}.upload-area p{color:var(--slate-500);font-size:1rem}.features-section{background-color:var(--slate-50);padding:1.5rem 0}.section-header{text-align:center;margin-bottom:2rem}.section-header h2{margin-bottom:1rem;font-size:2.25rem}.category-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr)!important}@media (width<=1024px){.grid-cols-4{grid-template-columns:repeat(2,1fr)!important}}@media (width<=640px){.grid-cols-4{grid-template-columns:1fr!important}}@media (width<=1200px){.features-grid{grid-template-columns:repeat(2,1fr)}.mockup-container{margin:2rem auto 0}}@media (width<=768px){html{font-size:13.5px}.upload-trending{gap:4px;max-width:calc(100% - 2rem);top:-3.8rem;left:1rem;right:1rem}.upload-trending a{white-space:normal;text-align:center;border-radius:8px 8px 0 0;flex-direction:column;flex:1;justify-content:center;padding:.5rem .2rem;font-size:.65rem}.upload-trending a i{font-size:1.2rem}.upload-section{padding-top:3.5rem!important}.navbar{height:64px}.grid-cols-4{grid-template-columns:1fr!important}}.category-card{border-radius:var(--radius-lg);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;padding:2.5rem}.category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.category-link{color:inherit;text-decoration:none;display:block}.category-link:hover .category-header h3{color:var(--primary)}.category-header{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.icon-box{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.icon-box.blue{color:#4338ca;background:#e0e7ff}.icon-box.purple{color:#7e22ce;background:#f3e8ff}.icon-box.red{color:#b91c1c;background:#fee2e2}.tool-list{list-style:none}.tool-list li{margin-bottom:.75rem}.tool-list a{color:var(--slate-600);align-items:center;gap:.5rem;font-size:.95rem;text-decoration:none;display:flex}.tool-list a:hover{color:var(--primary)}.detailed-content-section{padding:1rem 0 0}.content-grid{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid}.approach-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1.5rem;padding:2rem;transition:all .3s;margin-bottom:1rem!important}.approach-card:hover{border-color:var(--primary-light);background:#fff;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000d}@media (width<=768px){.approach-card{padding:1.5rem}}.text-content h2{margin-bottom:1.5rem;font-size:2.5rem}.text-content p{margin-bottom:2rem;font-size:1.1rem}.benefit-list{flex-direction:column;gap:1.5rem;display:flex}.benefit-item{gap:1rem;display:flex}.benefit-item i{color:var(--primary);flex-shrink:0;font-size:1.5rem}.benefit-item h4{margin-bottom:.25rem;font-size:1.1rem}.mockup-container{position:relative}.mockup-window{border:1px solid var(--slate-200);box-shadow:var(--shadow-xl);background:#fff;border-radius:12px;overflow:hidden}.window-header{background:var(--slate-50);border-bottom:1px solid var(--slate-200);align-items:center;gap:1.5rem;height:40px;padding:0 1rem;display:flex}.dots{gap:6px;display:flex}.dots span{border-radius:50%;width:10px;height:10px}.dots span:first-child,.dots span:nth-child(2),.dots span:nth-child(3){background:#e2e8f0}.address-bar{border:1px solid var(--slate-200);height:24px;color:var(--slate-400);background:#fff;border-radius:4px;flex:1;align-items:center;padding:0 .75rem;font-size:.75rem;display:flex}.window-body{padding:3rem 2rem}.mockup-hero{text-align:center}.mockup-title{margin-bottom:1.5rem;font-size:1.5rem}.mockup-progress{background:var(--slate-100);border-radius:4px;max-width:200px;height:8px;margin:0 auto 2rem;overflow:hidden}.progress-bar{background:var(--primary);width:65%;height:100%}.stats-overlay{flex-direction:column;gap:1rem;display:flex;position:absolute;bottom:-20px;right:-20px}.stat-card{border:1px solid var(--slate-200);box-shadow:var(--shadow-lg);text-align:center;background:#fff;border-radius:12px;padding:1rem 1.5rem}.stat-value{color:var(--primary);font-size:1.5rem;font-weight:800}.stat-label{color:var(--slate-500);text-transform:uppercase;font-size:.7rem}.pricing-section{background:var(--slate-900);color:#fff;padding:4rem 0}.pricing-section .section-header h2{color:#fff}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.pricing-card{background:var(--slate-800);border:1px solid var(--slate-700);border-radius:16px;flex-direction:column;padding:3rem 2rem;display:flex}.pricing-card.featured{color:var(--slate-900);background:#fff;position:relative;transform:scale(1.05)}.featured-badge{background:var(--primary);color:#fff;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.price{margin-bottom:2rem;font-size:3rem;font-weight:800}.price span{opacity:.6;font-size:1rem}.pricing-card ul{flex:1;margin-bottom:2.5rem;list-style:none}.pricing-card li{align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.95rem;display:flex}.pricing-card li i{color:var(--accent)}.philosophy-section{border-top:1px solid var(--slate-100);border-bottom:1px solid var(--slate-100);background:#fff;padding:3rem 0;position:relative;overflow:hidden}.philosophy-content{z-index:2;text-align:center;max-width:750px;margin:0 auto;position:relative}.philosophy-content h2{color:var(--slate-900);margin-top:.5rem;font-size:2.5rem;font-weight:700}.philosophy-content p{color:var(--slate-600);font-size:.95rem;line-height:1.6}.philosophy-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;display:grid}.philosophy-card{border:1px solid var(--slate-200);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;padding:1.5rem}.philosophy-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-5px)}.philosophy-card h4{color:var(--slate-900);margin-bottom:.5rem;font-size:1rem}.philosophy-card p{color:var(--slate-500);font-size:.8rem;line-height:1.5}.glow{background:var(--primary);filter:blur(150px);opacity:.15;border-radius:50%;width:500px;height:500px;position:absolute;top:-250px;right:-250px}.faq-section{padding:0 0 2rem}.faq-grid{gap:.5rem;max-width:800px;margin:2rem auto 0;display:grid}.faq-item{background:var(--slate-50);border-radius:var(--radius-lg);cursor:pointer;border:1px solid var(--slate-200);transition:var(--transition);padding:1.5rem 2rem}.faq-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary);background:#fff}.faq-item summary{justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:var(--slate-600);margin-top:1rem;line-height:1.6}@media (width<=900px){.philosophy-grid{grid-template-columns:1fr}}.footer{border-top:1px solid var(--slate-200);background:#fff;padding:4rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:4rem;display:grid}.footer-brand p{margin:1.5rem 0;font-size:.95rem}.social-links{gap:1rem;display:flex}.social-links a{background:var(--slate-50);width:36px;height:36px;color:var(--slate-500);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-links a:hover{background:var(--primary-light);color:var(--primary)}.footer-links h4{margin-bottom:1.5rem;font-size:1rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--slate-500);font-size:.9rem;text-decoration:none}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--slate-100);text-align:center;color:var(--slate-400);padding-top:2rem;font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;pointer-events:none;width:100%;height:100%;transition:var(--transition);background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal-container{width:90%;max-width:500px;box-shadow:var(--shadow-xl);transition:var(--transition);background:#fff;border-radius:16px;padding:3rem;transform:translateY(20px)}.modal-overlay.active .modal-container{transform:translateY(0)}.modal-close{color:var(--slate-400);cursor:pointer;background:0 0;border:none;font-size:1.25rem;position:absolute;top:1.5rem;right:1.5rem}.file-preview-badge{background:var(--slate-50);color:var(--primary);border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-flex}.tool-selector-grid{flex-direction:column;gap:1rem;display:flex}.tool-option-card{border:1px solid var(--slate-200);cursor:pointer;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:1.25rem;display:flex}.tool-option-card:hover{border-color:var(--primary);background:var(--primary-light)}.tool-option-title{color:var(--slate-900);font-weight:700;display:block}.tool-option-desc{color:var(--slate-500);font-size:.85rem;display:block}.mobile-menu-toggle{color:var(--slate-700);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;padding:.4rem;font-size:1.6rem;display:none}.mobile-menu-toggle:hover{background:var(--slate-50);color:var(--primary)}.nav-actions{align-items:center;gap:.75rem;display:flex}@media (width<=768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}.container{padding:0 1rem}.brand{z-index:1005;gap:.4rem;font-size:.95rem;position:relative}.brand span{font-size:.95rem;display:inline-block}.brand-icon{font-size:1.2rem}.nav-content{flex-wrap:nowrap;gap:.5rem}.mobile-menu-toggle{z-index:1005;flex-shrink:0;justify-content:center;align-items:center;margin-left:.25rem;display:flex;position:relative}.nav-actions{z-index:1005;align-items:center;gap:.4rem;margin-left:auto;display:flex;position:relative}.nav-actions .btn{border-radius:var(--radius-sm);white-space:nowrap;padding:.4rem .6rem;font-size:.75rem}.nav-links{border-bottom:1px solid var(--slate-200);box-shadow:var(--shadow-lg);z-index:1001;background:#fff;flex-direction:column;gap:1.25rem;padding:1.5rem;animation:.2s ease-out slideDown;display:none;position:absolute;top:72px;left:0;right:0}.nav-links.active{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 90px);display:flex;overflow-y:auto}.nav-links.active~.mobile-menu-toggle i.ph-list:before{content:""}.nav-links a{border-bottom:1px solid var(--slate-50);padding:.5rem 0;font-size:1.05rem}.nav-links a:last-child{border-bottom:none}.search-container{border-radius:var(--radius-md);width:100%;max-width:100%;margin-bottom:.5rem;padding:4px}.search-icon{margin-left:.5rem;font-size:.95rem}.search-input{flex:1;min-width:0;padding:.5rem .25rem;font-size:.9rem}.search-container .btn{border-radius:calc(var(--radius-md) - 2px);white-space:nowrap;flex-shrink:0;padding:.5rem 1rem;font-size:.85rem}.category-grid{grid-template-columns:1fr;gap:.75rem;margin:0;padding:0;display:grid}.category-card{min-width:0;padding:.75rem}.category-header{gap:.5rem;margin-bottom:.75rem}.category-header h3{white-space:normal;font-size:.85rem}.icon-box{flex-shrink:0;width:32px;height:32px;font-size:1.1rem}.tool-list li{margin-bottom:.4rem}.tool-list a{white-space:normal;align-items:flex-start;font-size:.72rem;line-height:1.2}.tool-list a i{flex-shrink:0;margin-top:.15rem}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;padding:0;display:grid}.pricing-card{min-width:0;padding:.75rem .5rem}.pricing-card.featured{margin:0;transform:none}.pricing-card h3{margin-bottom:.25rem;font-size:.8rem}.pricing-card .price{margin-bottom:.75rem;font-size:1.15rem}.pricing-card .price span{opacity:.7;font-size:.65rem;display:block}.pricing-card ul{margin-bottom:1rem}.pricing-card li{gap:.25rem;margin-bottom:.4rem;font-size:.65rem}.pricing-card li i{font-size:.75rem}.pricing-card .btn{border-radius:var(--radius-sm);padding:.4rem .5rem;font-size:.7rem}.philosophy-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;padding:0;display:grid}.philosophy-card{min-width:0;padding:.75rem .5rem}.philosophy-card .icon-box{width:28px;height:28px;font-size:.9rem;margin-bottom:.5rem!important}.philosophy-card h4{margin-bottom:.25rem;font-size:.8rem}.philosophy-card p{font-size:.65rem;line-height:1.3}.hero{padding:2.5rem 0 1.5rem}.hero-subtitle{margin-bottom:2rem}.upload-section{padding:.5rem 0}.features-section{padding:1rem 0}.section-header{margin-bottom:2rem}.detailed-content-section{padding:2.5rem 0}.content-grid{grid-template-columns:1fr;gap:2rem}.pricing-section,.philosophy-section{padding:2.5rem 0}.faq-section{padding:1rem 0 2.5rem}.faq-grid{gap:.5rem;margin:2rem auto 0}.footer{padding:2.5rem 0 2rem}.footer-grid{grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2.5rem}.footer-brand{grid-column:span 2}.footer-links h4{margin-bottom:1rem}.footer-links li{margin-bottom:.5rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.breadcrumb-container{color:var(--slate-500);flex-wrap:wrap;align-items:center;gap:.5rem;margin:2rem auto 0;font-size:.9rem;display:flex}.breadcrumb-container a{color:var(--slate-600);transition:var(--transition);font-weight:500;text-decoration:none}.breadcrumb-container a:hover{color:var(--primary)}.breadcrumb-container i{color:var(--slate-400);font-size:.75rem}.breadcrumb-container span.active-crumb{color:var(--slate-900);font-weight:600}@media (width<=576px){.newsletter-form input,.newsletter-form button{padding:.5rem;font-size:.75rem}.newsletter-col p{font-size:.75rem}.footer-mega-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem .25rem}.footer-col h4{word-break:break-word;margin-bottom:.75rem;font-size:.75rem}.footer-col ul li a{word-break:break-word;white-space:normal;font-size:.65rem;line-height:1.25}.footer-col ul li{margin-bottom:.5rem}.brand-col,.newsletter-col{grid-column:1/-1}.brand-col{text-align:center;flex-direction:column;align-items:center;display:flex}.brand-col .footer-logo{justify-content:center}.brand-col .footer-features{align-items:center;width:100%}.brand-col .footer-feature{text-align:center;flex-direction:column;justify-content:center;align-items:center}.brand-col .footer-feature .ff-icon{margin-bottom:.5rem;margin-right:0}.fb-links{flex-wrap:wrap;justify-content:center}}.tool-content-view{display:none}.tool-content-view.active{display:block}.floating-widget-container{z-index:9999;flex-direction:column;align-items:center;gap:.75rem;font-family:Inter,sans-serif;display:flex;position:fixed;bottom:2rem;right:1.5rem}.social-widget-wrapper{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.social-toggle-btn{width:42px;height:42px;color:var(--primary);cursor:pointer;background:#fff;border:1px solid #4f46e526;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0000000f}.social-toggle-btn:hover{background:var(--primary-light);transform:scale(1.05)}.social-toggle-btn.active i{transform:rotate(180deg)}.social-pill-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-xl);transform-origin:top;opacity:1;visibility:visible;background:#fffffff2;border:1px solid #4f46e526;flex-direction:column;align-items:center;gap:1rem;max-height:250px;padding:1rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;transform:scaleY(1);box-shadow:0 8px 30px #00000014}.social-pill-container.collapsed{opacity:0;visibility:hidden;gap:0;max-height:0;margin:0;padding:0;transform:scaleY(0)}.social-link{width:32px;height:32px;color:var(--slate-600);border-radius:8px;justify-content:center;align-items:center;font-size:1.3rem;text-decoration:none;transition:all .2s;display:flex}.social-link:hover{color:var(--primary);background:var(--primary-light);transform:translateY(-2px)}.scroll-to-top-btn{width:42px;height:42px;color:var(--primary);cursor:pointer;opacity:0;visibility:hidden;background:#fff;border:1px solid #4f46e51a;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .3s;display:flex;transform:translateY(20px);box-shadow:0 4px 15px #0000000d}.scroll-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05);box-shadow:0 6px 20px #4f46e533}.mega-menu-panel{-webkit-backdrop-filter:blur(25px);border-radius:var(--radius-xl);z-index:1000;opacity:1;visibility:visible;background:#ffffffd9;border:1px solid #4f46e514;width:95%;max-width:1200px;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;left:50%;overflow:hidden;transform:translate(-50%)translateY(0);box-shadow:0 30px 60px #0f172a1f,0 0 0 1px #4f46e508}.mega-menu-panel.closed{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%)translateY(-15px)}.nav-links a.mega-active{font-weight:700;position:relative;color:var(--primary)!important}.nav-links a.mega-active:after{content:"";background:var(--primary);border-radius:var(--radius-full);width:100%;height:2px;position:absolute;bottom:-4px;left:0}.mega-menu-container{width:100%}.mega-menu-grid{grid-template-columns:1fr 340px;align-items:stretch;gap:3rem;display:grid}.mega-menu-categories{grid-template-columns:repeat(3,1fr);gap:2.25rem 2.75rem;display:grid}.mega-menu-category{transition:all .3s}.category-header-main{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.category-header-main h4{color:var(--slate-900);margin-bottom:.15rem;font-size:.95rem;font-weight:750}.category-header-main p{color:var(--slate-400);font-size:.75rem;line-height:1.2}.cat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:flex;box-shadow:0 4px 10px #00000005}.cat-icon.blue{color:#3b82f6;background:#eff6ff}.cat-icon.purple{color:#a855f7;background:#faf5ff}.cat-icon.red{color:#ef4444;background:#fef2f2}.cat-icon.sky{color:#0ea5e9;background:#f0f9ff}.cat-icon.amber{color:#f59e0b;background:#fffbeb}.cat-icon.emerald{color:#10b981;background:#ecfdf5}.cat-icon.teal{color:#0d9488;background:#f0fdfa}.cat-icon.pink{color:#ec4899;background:#fdf2f8}.category-links{flex-direction:column;gap:.5rem;display:flex}.category-links a{color:var(--slate-600);align-items:center;gap:.4rem;width:100%;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.category-links a i{color:var(--slate-400);opacity:0;font-size:.75rem;transition:all .2s}.category-links a:hover{color:var(--primary);transform:translate(4px)}.category-links a:hover i{opacity:1;color:var(--primary)}.mega-menu-sidebar{border-left:1px solid #4f46e514;flex-direction:column;gap:2rem;padding-left:2.5rem;display:flex}.mega-menu-search-wrapper{width:100%;position:relative}.mega-menu-search-input{width:100%;color:var(--slate-800);background:#4f46e508;border:1px solid #4f46e50f;border-radius:12px;outline:none;padding:.75rem 1rem .75rem 2.5rem;font-family:inherit;font-size:.88rem;transition:all .3s}.mega-menu-search-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 4px 20px #4f46e514}.mega-menu-search-wrapper .search-icon{color:var(--slate-400);font-size:1rem;position:absolute;top:50%;left:.88rem;transform:translateY(-50%)}.mega-menu-sidebar-content{flex-direction:column;gap:1rem;display:flex}.featured-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--slate-400);margin-bottom:.5rem;font-size:.78rem;font-weight:700}.featured-card{background:#ffffffb3;border:1px solid #4f46e50a;border-radius:14px;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.featured-card:hover{background:#fff;border-color:#4f46e526;transform:translateY(-2px);box-shadow:0 10px 25px #4f46e50d}.featured-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.1rem;display:flex}.featured-icon.purple{color:#a855f7;background:#faf5ff}.featured-icon.emerald{color:#10b981;background:#ecfdf5}.featured-icon.blue{color:#3b82f6;background:#eff6ff}.featured-details{flex:1}.featured-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.15rem;display:flex}.featured-details h5{color:var(--slate-800);margin-bottom:0;font-size:.88rem;font-weight:700;line-height:1.2}.featured-details p{color:var(--slate-500);font-size:.72rem;line-height:1.2}.trending-tag{letter-spacing:.03em;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.6rem;font-weight:800;display:inline-block}.trending-tag.hot{color:#ef4444;background:#fef2f2}.trending-tag.ai{color:#10b981;background:#ecfdf5}.trending-tag.popular{color:#3b82f6;background:#eff6ff}@media (width<=1200px){.mega-menu-grid{grid-template-columns:1fr 280px;gap:2rem}.mega-menu-categories{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.mega-menu-panel{border-radius:var(--radius-lg);border:1px solid var(--slate-100);box-shadow:none;touch-action:pan-y;background:#f8fafc;margin-top:.5rem;padding:1.5rem;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .4s cubic-bezier(.16,1,.3,1),opacity .3s;display:block;overflow:visible;width:100%!important;position:relative!important;left:auto!important;transform:none!important}.mega-menu-panel:not(.closed){max-height:none!important}.mega-menu-panel.closed{opacity:0!important;visibility:hidden!important;pointer-events:none!important;border:none!important;max-height:0!important;margin-top:0!important;padding:0!important;overflow:hidden!important;transform:none!important}.mega-menu-grid{touch-action:pan-y;grid-template-columns:1fr;gap:2rem}.mega-menu-categories{grid-template-columns:repeat(4,1fr)}.mega-menu-sidebar{border-top:1px solid #4f46e514;border-left:none;padding-top:2rem;padding-left:0}}@media (width<=768px){.mega-menu-categories{grid-template-columns:1fr}}.mega-menu-bottom-banner{color:var(--slate-500);border-top:1px solid #4f46e514;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.25rem;font-size:.88rem;display:flex}.mega-menu-bottom-banner a{color:var(--primary);align-items:center;gap:.4rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.mega-menu-bottom-banner a:hover{transform:translate(4px)}.popular-tools-section{background:var(--slate-50);padding:2rem 0;overflow:hidden}.popular-marquee{-webkit-user-select:none;user-select:none;gap:1.5rem;width:100%;margin-top:2rem;display:flex;overflow:hidden}.popular-grid{flex-shrink:0;justify-content:flex-start;align-items:center;gap:1.5rem;min-width:max-content;animation:20s linear infinite scrollLeft;display:flex}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(calc(-100% - 1.5rem))}}.popular-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;align-items:flex-start;gap:1rem;width:320px;padding:1.5rem;transition:all .3s;display:flex}.popular-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-4px)}.popular-card .icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.popular-card-content h3{color:var(--slate-900);margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.popular-card-content p{color:var(--slate-500);margin-bottom:.5rem;font-size:.85rem;line-height:1.4}.usage-badge{background:var(--slate-100);color:var(--slate-600);border-radius:99px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.featured-showcase-section{background:#fff;padding:3rem 0}.showcase-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.showcase-content h2{color:var(--slate-900);margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.showcase-content p.lead{color:var(--slate-600);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.showcase-bullets{margin-bottom:2rem;list-style:none}.showcase-bullets li{color:var(--slate-700);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem;font-weight:500;display:flex}.showcase-bullets li i{color:var(--primary);font-size:1.25rem}.showcase-visual{background:linear-gradient(135deg, var(--primary-light), #e0e7ff);box-shadow:var(--shadow-lg);border-radius:20px;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative}.showcase-visual img{max-width:100%;box-shadow:var(--shadow-md);border-radius:12px}.how-it-works-section{background:var(--slate-900);color:#fff;padding:3rem 0}.how-it-works-section .section-header h2{color:#fff}.how-it-works-section .section-header p{color:var(--slate-300)}.timeline-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem;display:grid;position:relative}.timeline-step{text-align:center;position:relative}.timeline-step:after{content:"";z-index:1;background:#ffffff1a;width:100%;height:2px;position:absolute;top:32px;right:-50%}.timeline-step:last-child:after{display:none}.timeline-icon{color:#fff;z-index:2;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;font-size:1.75rem;display:flex;position:relative}.timeline-step h3{margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.timeline-step p{color:var(--slate-400);font-size:.9rem;line-height:1.5}.stats-section{border-bottom:1px solid var(--slate-100);background:#fff;padding:1rem 0 4rem}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.stat-item{background:linear-gradient(145deg, #fff, var(--slate-50));border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);border-radius:20px;padding:2.5rem 1.5rem;transition:all .3s}.stat-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-5px)}.stat-item .stat-counter{background:linear-gradient(135deg, var(--primary) 0%, #7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:3rem;font-weight:800}.stat-item .stat-label{color:var(--slate-500);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:700}.trust-badges{opacity:.7;justify-content:center;align-items:center;gap:2rem;margin-top:3rem;display:flex}.testimonials-section{background:var(--slate-50);padding:3rem 0}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}.testimonial-card{box-shadow:var(--shadow-sm);border:1px solid var(--border);background:#fff;border-radius:16px;padding:2rem}.testimonial-card p{color:var(--slate-700);margin-bottom:1.5rem;font-size:1.05rem;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:1rem;display:flex}.testimonial-author .avatar{background:var(--primary-light);width:48px;height:48px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.testimonial-author div h4{color:var(--slate-900);font-size:.95rem;font-weight:700}.testimonial-author div span{color:var(--slate-500);font-size:.8rem}.learning-hub-section{background:#fff;padding:3.5rem 0}.resource-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}.resource-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden}.resource-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.resource-card .rc-image{background:var(--slate-100);height:180px;position:relative}.resource-card .rc-category{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem}.resource-card .rc-content{padding:1.5rem}.resource-card .rc-content h3{color:var(--slate-900);margin-bottom:.5rem;font-size:1.15rem;font-weight:700;line-height:1.4}.resource-card .rc-meta{color:var(--slate-500);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.fade-up{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(20px)}.fade-up.visible{opacity:1;transform:translateY(0)}@media (width<=992px){.showcase-container{grid-template-columns:1fr;gap:2rem}.timeline-grid{grid-template-columns:1fr 1fr}.timeline-step:after{display:none}.stats-grid{grid-template-columns:1fr 1fr}.resource-grid{grid-template-columns:1fr}}@media (width<=768px){.testimonials-grid{scroll-snap-type:x mandatory;gap:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.testimonial-card{scroll-snap-align:start;flex:0 0 calc(50% - .5rem);min-width:0;padding:1.25rem}.testimonial-card p{margin-bottom:1rem;font-size:.85rem}.testimonial-author .avatar{width:36px;height:36px;font-size:.85rem}.testimonial-author div h4{font-size:.85rem}.testimonial-author div span{font-size:.7rem}}@media (width<=576px){.timeline-grid{grid-template-columns:1fr 1fr;gap:1rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-item{border-radius:12px;padding:1.25rem .5rem}.stat-item .stat-counter{margin-bottom:.25rem;font-size:1.6rem}.stat-item .stat-label{letter-spacing:0;font-size:.65rem}.popular-marquee,.popular-grid{gap:.75rem}.popular-card{text-align:center;flex-direction:column;align-items:center;gap:.5rem;width:170px;padding:1rem}.popular-card .icon-box{width:36px;height:36px;font-size:1.2rem}.popular-card-content h3{font-size:.85rem}.popular-card-content p{display:none}.usage-badge{padding:2px 6px;font-size:.65rem}}@keyframes gradientBackground{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.breadcrumbs{border-bottom:1px solid var(--slate-100);background:#fff;padding:1rem 0}.breadcrumbs .container{color:var(--slate-500);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.breadcrumbs a{color:var(--primary);font-weight:500;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .separator{color:var(--slate-300)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-on-load{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.rich-content-section{background:#fff;padding:4rem 0}.rich-content-section:nth-child(2n){background:var(--slate-50)}.rich-header{text-align:center;max-width:700px;margin:0 auto 3rem}.rich-header h2{color:var(--slate-900);margin-bottom:1rem;font-size:2.25rem}.rich-header p{color:var(--slate-600);font-size:1.125rem}.interactive-card{border:1px solid var(--slate-200);border-radius:var(--radius-lg);background:#fff;height:100%;padding:2.5rem;transition:all .3s}.interactive-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 40px #4f46e51a}.interactive-card i{color:var(--primary);border-radius:var(--radius-md);background:#4f46e50d;margin-bottom:1.5rem;padding:1rem;font-size:3rem;display:inline-block}.comparison-table{border-collapse:separate;border-spacing:0;text-align:left;border-radius:var(--radius-xl);border:1px solid var(--slate-200);background:#fff;width:100%;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--slate-100);padding:1.25rem 1.5rem}.comparison-table thead tr{background:var(--slate-50)}.comparison-table th{color:var(--slate-600);font-weight:700}.comparison-table th:first-child,.comparison-table td:first-child{color:var(--slate-800);font-weight:600}.comparison-table th:nth-child(2),.comparison-table td:nth-child(2),.comparison-table th:nth-child(3),.comparison-table td:nth-child(3){text-align:center}.comparison-table th.highlight-col{background:var(--primary);color:#fff;font-size:1.1rem}.comparison-table td.highlight-col{border-left:2px solid var(--primary);border-right:2px solid var(--primary);background:#eff6ff}.comparison-table tbody tr:last-child td.highlight-col{border-bottom:2px solid var(--primary)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table td i.ph-check-circle{color:var(--primary);font-size:1.5rem}.comparison-table td i.ph-x-circle{color:var(--slate-300);font-size:1.5rem}.mega-footer{color:#f8fafc;background:#0b1121;border-top:1px solid #1e293b;padding:3.5rem 0 2rem;position:relative}.scroll-top-btn{width:3rem;height:3rem;color:var(--primary);border:1px solid var(--slate-200);box-shadow:var(--shadow-lg);cursor:pointer;opacity:0;visibility:hidden;z-index:100;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px)}.scroll-top-btn:hover{background-color:var(--primary);color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #4f46e54d}.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.mega-footer{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.mega-footer .container{max-width:1400px}.footer-mega-grid{border-bottom:1px solid #ffffff0d;grid-template-columns:2.2fr 1fr 1fr 1fr 1fr 1.8fr;gap:2.5rem;padding-bottom:4rem;display:grid}.footer-col h4{color:#fff;margin-bottom:1.5rem;font-size:1.05rem;font-weight:700}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col ul li{margin-bottom:1rem}.footer-col ul li a{color:#94a3b8;justify-content:space-between;align-items:center;font-size:.9rem;text-decoration:none;transition:color .2s;display:flex}.footer-col ul li a:hover{color:#fff}.footer-col ul li a i{opacity:0;font-size:.75rem;transition:all .2s;transform:translate(-5px)}.footer-col ul li a:hover i{opacity:1;transform:translate(0)}.brand-col .footer-logo{color:#fff;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.brand-col .footer-logo .brand-icon{color:#8b5cf6}.brand-desc{margin-bottom:2rem;font-size:.85rem;line-height:1.6}.footer-features{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}.footer-feature{align-items:flex-start;gap:1rem;display:flex}.ff-icon{color:#94a3b8;background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;display:flex}.ff-text strong{color:#fff;margin-bottom:.2rem;font-size:.85rem;display:block}.ff-text span{font-size:.75rem;line-height:1.4;display:block}.social-links-box{gap:.75rem;display:flex}.social-links-box a{color:#94a3b8;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;text-decoration:none;transition:all .2s;display:flex}.social-links-box a:hover{color:#fff;background:#ffffff1a}.newsletter-col p{margin-bottom:1.5rem;font-size:.85rem;line-height:1.5}.newsletter-form{margin-bottom:1.5rem}.newsletter-form input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.9rem}.newsletter-form input:focus{border-color:#a855f7;outline:none}.newsletter-form button{color:#fff;cursor:pointer;background:#a855f7;border:none;border-radius:8px;width:100%;padding:.75rem;font-weight:600;transition:background .2s}.newsletter-form button:hover{background:#9333ea}.newsletter-perks{padding:0;list-style:none}.newsletter-perks li{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.newsletter-perks li i{color:#10b981}.footer-bottom-bar{justify-content:space-between;align-items:center;padding-top:2rem;font-size:.8rem;display:flex}.fb-left{align-items:center;gap:.75rem;display:flex}.fb-left i{color:#94a3b8;font-size:1.2rem}.fb-left a{color:#8b5cf6;text-decoration:none}.fb-center{color:#64748b}.fb-right{align-items:center;gap:2rem;display:flex}.fb-links{align-items:center;gap:1rem;display:flex}.fb-links a{color:#94a3b8;text-decoration:none}.fb-links a:hover{color:#fff}.fb-links .divider{color:#ffffff1a}.language-selector{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.language-selector select{color:#94a3b8;cursor:pointer;background:0 0;border:none;outline:none;font-size:.8rem}.language-selector select option{background:#0b1121}@media (width<=1200px){.footer-mega-grid{grid-template-columns:2fr 1fr 1fr 1fr}.newsletter-col{grid-column:1/-1;max-width:400px}}@media (width<=992px){.footer-mega-grid{grid-template-columns:1fr 1fr}.brand-col,.newsletter-col{grid-column:1/-1}.footer-bottom-bar{text-align:center;flex-direction:column;gap:1.5rem}.fb-right{flex-direction:column;gap:1rem}}@media (width<=576px){.footer-mega-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem .25rem}.brand-col,.newsletter-col{grid-column:1/-1}.brand-col{text-align:center;flex-direction:column;align-items:center;display:flex}.brand-col .footer-logo{justify-content:center}.brand-col .footer-features{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;width:100%;display:grid}.brand-col .footer-feature{text-align:center;flex-direction:column;justify-content:center;align-items:center}.brand-col .footer-feature .ff-icon{margin-bottom:.5rem;margin-right:0}.footer-col{min-width:0}.footer-col h4{word-break:break-all;overflow-wrap:break-word;margin-bottom:.75rem;font-size:.7rem}.footer-col ul li a{word-break:break-word;overflow-wrap:break-word;white-space:normal;font-size:.65rem;line-height:1.25}.footer-col ul li{margin-bottom:.5rem}.fb-links{flex-wrap:wrap;justify-content:center}}@media (width<=768px){.showcase-content h2,.section-header h2{font-size:1.75rem!important}h1{font-size:2.25rem!important}h2{font-size:1.75rem}}@media (width<=576px){.showcase-content h2,.section-header h2{font-size:1.5rem!important}h1{font-size:2rem!important}h2{font-size:1.5rem}}