.hero-section{background:linear-gradient(135deg,#1e3a5f 0,#2563eb 50%,#7c3aed 100%);color:#fff;padding:var(--space-16) var(--space-6);border-radius:var(--radius-xl);text-align:center;margin-bottom:var(--space-12);position:relative;overflow:hidden;min-height:380px;display:flex;flex-direction:column;justify-content:center;contain:layout style}@media (min-width:768px){.hero-section{min-height:460px;padding:var(--space-20) var(--space-8)}}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none" opacity="0.07"><circle cx="15" cy="15" r="12" fill="white"/><circle cx="85" cy="25" r="8" fill="white"/><circle cx="45" cy="75" r="14" fill="white"/><circle cx="75" cy="85" r="6" fill="white"/><circle cx="25" cy="60" r="5" fill="white"/><circle cx="60" cy="40" r="9" fill="white"/></svg>');background-size:280px;pointer-events:none}.hero-section::after{content:'';position:absolute;bottom:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08) 0,transparent 70%);border-radius:50%;pointer-events:none}.hero-title{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-4);line-height:1.15;position:relative;text-shadow:0 2px 20px rgba(0,0,0,.15);contain:layout style}@media (min-width:768px){.hero-title{font-size:3rem}}.hero-subtitle{font-size:var(--text-lg);color:rgba(255,255,255,.9);max-width:42rem;margin:0 auto var(--space-8);line-height:1.7;position:relative}.hero-trust{list-style:none;display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap;margin:0 0 var(--space-8);padding:0;position:relative}.hero-trust li{display:flex;align-items:center;gap:var(--space-2);background:rgba(255,255,255,.12);backdrop-filter:blur(8px);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;border:1px solid rgba(255,255,255,.15)}.hero-trust li strong{color:#60a5fa}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;position:relative}.hero-actions .btn-primary{background:#fff;color:#2563eb;font-weight:700;box-shadow:0 4px 20px rgba(0,0,0,.2)}.hero-actions .btn-primary:hover{background:#f0f0ff;transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,0,0,.25)}.hero-actions .btn-secondary{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px)}.hero-actions .btn-secondary:hover{background:rgba(255,255,255,.25);color:#fff}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin:calc(-1 * var(--space-8)) 0 var(--space-12);position:relative;z-index:2}@media (max-width:768px){.stats-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-bar{grid-template-columns:1fr}}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.stat-card .stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3);font-size:1.5rem}.stat-card:first-child .stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.stat-card .stat-number{font-size:var(--text-2xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-1)}.stat-card .stat-label{font-size:var(--text-sm);color:var(--color-text-light);font-weight:500}.section-header{text-align:center;margin-bottom:var(--space-10)}.section-badge{display:inline-block;background:linear-gradient(135deg,#ede9fe,#dbeafe);color:#6d28d9;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4);letter-spacing:.02em}.section-title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-4);color:var(--color-text)}.section-description{font-size:var(--text-lg);color:var(--color-text-light);max-width:48rem;margin:0 auto;line-height:1.6}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin:var(--space-10) 0}.benefit-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--color-border);transition:transform .3s ease,box-shadow .3s ease;text-align:center;position:relative;overflow:hidden}.benefit-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}.benefit-card:first-child::before{background:linear-gradient(90deg,#2563eb,#3b82f6)}.benefit-card:nth-child(2)::before{background:linear-gradient(90deg,#f59e0b,#f97316)}.benefit-card:nth-child(3)::before{background:linear-gradient(90deg,#10b981,#06b6d4)}.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.benefit-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:#fff}.benefit-card:first-child .benefit-icon{background:linear-gradient(135deg,#2563eb,#3b82f6)}.benefit-card:nth-child(2) .benefit-icon{background:linear-gradient(135deg,#f59e0b,#f97316)}.benefit-card:nth-child(3) .benefit-icon{background:linear-gradient(135deg,#10b981,#06b6d4)}.benefit-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.tool-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease;position:relative;display:flex;flex-direction:column;height:100%}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.tool-card>div:last-child{margin-top:auto!important}.tool-card-badge{position:absolute;top:var(--space-4);right:var(--space-4);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;box-shadow:0 2px 8px rgba(245,158,11,.3)}.tool-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:var(--space-4)}.tool-card:first-child .tool-icon{background:linear-gradient(135deg,#dbeafe,#eff6ff)}.tool-card:nth-child(2) .tool-icon{background:linear-gradient(135deg,#fee2e2,#fef2f2)}.tool-card:nth-child(3) .tool-icon{background:linear-gradient(135deg,#d1fae5,#ecfdf5)}.tool-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin:var(--space-8) 0}@media (max-width:1024px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.category-grid{grid-template-columns:1fr}}.category-card{border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid;display:flex;flex-direction:column;height:100%;transition:transform .2s ease,box-shadow .2s ease}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.category-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3)}.category-list{list-style:none;padding:0;margin:var(--space-4) 0 0 0;margin-top:auto}.category-list li{margin-bottom:var(--space-2);font-size:var(--text-sm)}.category-list a{text-decoration:none;transition:color .2s ease;display:flex;align-items:center;gap:var(--space-2)}.category-list a::before{content:'\2192';font-size:var(--text-xs);opacity:0;transform:translateX(-4px);transition:all .2s ease}.category-list a:hover::before{opacity:1;transform:translateX(0)}.category-card.cat-image{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.category-card.cat-image .category-title{color:#1d4ed8}.category-card.cat-image .category-list a{color:#1e40af}.category-card.cat-image .category-list a:hover{color:#1d4ed8}.category-card.cat-pdf{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-color:#fecdd3}.category-card.cat-pdf .category-title{color:#be123c}.category-card.cat-pdf .category-list a{color:#9f1239}.category-card.cat-pdf .category-list a:hover{color:#be123c}.category-card.cat-text{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.category-card.cat-text .category-title{color:#047857}.category-card.cat-text .category-list a{color:#065f46}.category-card.cat-text .category-list a:hover{color:#047857}.category-card.cat-generators{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#ddd6fe}.category-card.cat-generators .category-title{color:#6d28d9}.category-card.cat-generators .category-list a{color:#5b21b6}.category-card.cat-generators .category-list a:hover{color:#6d28d9}.category-card.cat-developer{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.category-card.cat-developer .category-title{color:#0284c7}.category-card.cat-developer .category-list a{color:#0369a1}.category-card.cat-developer .category-list a:hover{color:#0284c7}.category-card.cat-seo{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fed7aa}.category-card.cat-seo .category-title{color:#ea580c}.category-card.cat-seo .category-list a{color:#c2410c}.category-card.cat-seo .category-list a:hover{color:#ea580c}.category-card.cat-converters{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.category-card.cat-converters .category-title{color:#d97706}.category-card.cat-converters .category-list a{color:#b45309}.category-card.cat-converters .category-list a:hover{color:#d97706}.category-card.cat-utilities{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#e9d5ff}.category-card.cat-utilities .category-title{color:#7c3aed}.category-card.cat-utilities .category-list a{color:#6d28d9}.category-card.cat-utilities .category-list a:hover{color:#7c3aed}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.use-case-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.use-case-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.use-case-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto var(--space-4)}.use-case-card:first-child .use-case-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)}.use-case-card:nth-child(2) .use-case-icon{background:linear-gradient(135deg,#dbeafe,#93c5fd)}.use-case-card:nth-child(3) .use-case-icon{background:linear-gradient(135deg,#d1fae5,#6ee7b7)}.use-case-card:nth-child(4) .use-case-icon{background:linear-gradient(135deg,#ede9fe,#c4b5fd)}.use-case-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.faq-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.faq-card-header{padding:var(--space-8);border-bottom:1px solid var(--color-border)}.faq-card-header h2{margin:0 0 var(--space-2)}.faq-card-header p{margin:0;color:var(--color-text-light)}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-8);background:0 0;border:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--color-text);text-align:left;transition:background .2s ease}.faq-question:hover{background:var(--color-surface)}.faq-question .faq-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--color-text-light);transition:transform .3s ease,background .2s ease;margin-left:var(--space-4)}.faq-question.active .faq-icon{transform:rotate(45deg);background:var(--color-primary);color:#fff}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-answer.active{max-height:300px}.faq-answer-inner{padding:0 var(--space-8) var(--space-5);color:var(--color-text-light);line-height:1.7}.cta-section{background:linear-gradient(135deg,#1e3a5f 0,#2563eb 50%,#7c3aed 100%);color:#fff;padding:var(--space-12) var(--space-6);border-radius:var(--radius-xl);text-align:center;margin:var(--space-12) 0;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:-50%;left:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.08) 0,transparent 70%);border-radius:50%;pointer-events:none}.cta-section::after{content:'';position:absolute;bottom:-30%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.06) 0,transparent 70%);border-radius:50%;pointer-events:none}.cta-title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-4);color:#fff;position:relative}.cta-description{font-size:var(--text-lg);color:rgba(255,255,255,.85);max-width:42rem;margin:0 auto var(--space-8);line-height:1.6;position:relative}.cta-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;position:relative}.cta-actions .btn-primary{background:#fff;color:#2563eb;font-weight:700;box-shadow:0 4px 20px rgba(0,0,0,.2)}.cta-actions .btn-primary:hover{background:#f0f0ff;transform:translateY(-2px)}.cta-actions .btn-secondary{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3)}.cta-actions .btn-secondary:hover{background:rgba(255,255,255,.25);color:#fff}.trust-bar{display:flex;justify-content:center;align-items:center;gap:var(--space-8);flex-wrap:wrap;padding:var(--space-6) 0;margin-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-light);font-weight:500}.trust-item svg{width:20px;height:20px;color:var(--color-secondary);flex-shrink:0}@media (max-width:768px){.hero-title{font-size:var(--text-2xl)}.hero-subtitle{font-size:var(--text-base)}.hero-trust{flex-direction:column;align-items:center}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%;max-width:320px}.section-title{font-size:var(--text-2xl)}.benefits-grid,.tools-grid,.use-case-grid{grid-template-columns:1fr}.cta-section{padding:var(--space-8) var(--space-4)}.cta-title{font-size:var(--text-2xl)}.faq-question{padding:var(--space-4) var(--space-5);font-size:var(--text-sm)}.faq-answer-inner,.faq-card-header{padding-left:var(--space-5);padding-right:var(--space-5)}.trust-bar{gap:var(--space-4)}}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}@media (min-width:768px){.container{padding:0 var(--space-6)}}.site-header{background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;backdrop-filter:blur(8px)}.header-content{display:flex;align-items:center;justify-content:space-between;height:4rem;padding:var(--space-2) 0}.logo{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);font-size:var(--text-xl);color:var(--color-text);contain:layout style}.logo-svg{width:2rem;height:2rem;color:var(--color-primary);contain:layout style}.main-nav{display:none;min-width:320px}@media (min-width:768px){.main-nav{display:flex;gap:var(--space-6)}}.nav-link{font-weight:var(--weight-medium);color:var(--color-text-light);position:relative;padding:var(--space-2) 0}.nav-link:hover{color:var(--color-text)}.nav-link.active{color:var(--color-primary)}.nav-link.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--color-primary);border-radius:var(--radius-full)}.mobile-menu-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:0 0;border:1px solid var(--color-border);color:var(--color-text-light);cursor:pointer}@media (min-width:768px){.mobile-menu-button{display:none}}.mobile-menu{position:fixed;top:4rem;left:0;right:0;background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--space-4);display:none;z-index:60}@media (max-width:640px){.logo-text{display:inline-block;max-width:calc(100vw - 6rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-content{padding-left:var(--space-3);padding-right:var(--space-3)}}.mobile-menu.active{display:block}.mobile-nav{display:flex;flex-direction:column;gap:var(--space-4)}.site-footer{background-color:#1f2937;color:#d1d5db;border-top:1px solid #374151;padding:var(--space-12) 0 var(--space-8);margin-top:var(--space-16)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-section h3{font-size:var(--text-lg);color:#fff;margin-bottom:var(--space-4)}.footer-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;margin-bottom:var(--space-4)}.footer-logo .logo-svg{width:32px;height:32px}.footer-logo .logo-text{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text)}.footer-logo:hover .logo-text{color:var(--color-primary)}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:#9ca3af;font-size:var(--text-sm)}.footer-links a:hover{color:#fff}.footer-bottom{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid #374151;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}@media (min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.copyright{color:#9ca3af;font-size:var(--text-sm)}.legal-links{display:flex;gap:var(--space-4)}.legal-links a{font-size:var(--text-sm);color:#9ca3af}.main-content{padding:var(--space-8) 0}.page-header{text-align:center;margin-bottom:var(--space-12)}.page-header h1{margin-bottom:var(--space-4)}.page-description{max-width:48rem;margin:0 auto;font-size:var(--text-lg);color:var(--color-text-light)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.guides-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:768px){.guides-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.guides-grid{grid-template-columns:repeat(3,1fr)}}.content-section{margin-bottom:var(--space-12)}.section-header{margin-bottom:var(--space-6)}.section-header h2{margin-bottom:var(--space-2)}.section-description{color:var(--color-text-light);max-width:48rem}@media(prefers-color-scheme:dark){.stat-card,.benefit-card,.tool-card,.faq-card{background:var(--color-surface);border-color:var(--color-border)}.benefit-card p,.stat-card .stat-label,.tool-card p{color:var(--color-text-light)}.cta-actions .btn-primary{background:#fff;color:#1d4ed8}}