.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon--sm{width:18px;height:18px}.icon--xs{width:15px;height:15px}.home{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4) var(--space-16)}.section{margin-top:var(--space-16)}.section-head{max-width:56ch;margin-bottom:var(--space-8)}.section-head--center{margin-inline:auto;text-align:center}.section__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-600);background:color-mix(in srgb,var(--color-primary-500) 10%,transparent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}:root[data-theme="dark"] .section__eyebrow{color:var(--color-primary-400)}.section__title{font-size:var(--text-xl);letter-spacing:-.01em}.section__subtitle{margin-top:var(--space-3);font-size:var(--text-md);color:var(--color-text-secondary)}.hero{position:relative;text-align:center;padding:var(--space-16) 0 var(--space-12);overflow:hidden;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(55% 45% at 50% -5%,color-mix(in srgb,var(--color-primary-500) 16%,transparent),transparent 70%),radial-gradient(35% 35% at 12% 5%,color-mix(in srgb,var(--color-cat-organize) 14%,transparent),transparent 70%),radial-gradient(35% 35% at 88% 0%,color-mix(in srgb,var(--color-cat-optimize) 14%,transparent),transparent 70%)}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-xs)}.hero__badge .icon{color:var(--color-success-500)}.hero__title{margin-top:var(--space-6);font-size:var(--text-3xl);line-height:1.08;letter-spacing:-.02em}.hero__title-accent{background:linear-gradient(120deg,var(--color-primary-500),var(--color-cat-organize) 55%,var(--color-cat-optimize));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__subtitle{max-width:56ch;margin:var(--space-5) auto var(--space-8);font-size:var(--text-md);color:var(--color-text-secondary)}.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.hero__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-8)}.hero__trust li{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.hero__trust .icon{color:var(--color-success-500)}.hero__tagline{margin-top:var(--space-8);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.04em;color:var(--color-text-muted)}.hero__tagline::before,.hero__tagline::after{content:"—";margin:0 var(--space-2);opacity:.6}.hero__grid{display:block}.hero__ad{display:flex;align-items:center;justify-content:center;margin-top:var(--space-8)}@media(min-width:1024px){.hero__grid{display:grid;grid-template-columns:1fr 300px;gap:var(--space-8);align-items:center}.hero__content{min-width:0}.hero__ad{margin-top:0}}.why-us__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-5)}.feature-card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform var(--duration-base) var(--ease-default),box-shadow var(--duration-base) var(--ease-default),border-color var(--duration-base) var(--ease-default)}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--color-primary-500) 35%,var(--color-border))}.feature-card__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.feature-card__icon .icon{width:24px;height:24px}.feature-card__icon--primary{background:color-mix(in srgb,var(--color-primary-500) 14%,transparent);color:var(--color-primary-600)}.feature-card__icon--success{background:color-mix(in srgb,var(--color-success-500) 16%,transparent);color:var(--color-success-600)}.feature-card__icon--warning{background:color-mix(in srgb,var(--color-warning-500) 18%,transparent);color:var(--color-warning-600)}.feature-card__icon--info{background:color-mix(in srgb,var(--color-info-500) 16%,transparent);color:var(--color-info-600)}.feature-card h3{font-size:var(--text-md);margin-bottom:var(--space-2)}.feature-card p{font-size:var(--text-sm);color:var(--color-text-secondary)}.steps{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-5);counter-reset:step}.step{position:relative;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.step__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.step__num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-primary-600);background:color-mix(in srgb,var(--color-primary-500) 12%,transparent)}:root[data-theme="dark"] .step__num{color:var(--color-primary-400)}.step__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-secondary);background:var(--color-surface-alt);margin-left:auto}.step__icon .icon{width:22px;height:22px}.step h3{font-size:var(--text-md)}.step p{font-size:var(--text-sm);color:var(--color-text-secondary)}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;transition:border-color var(--duration-base) var(--ease-default)}.faq-item[open]{border-color:color-mix(in srgb,var(--color-primary-500) 35%,var(--color-border))}.faq-item__q{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text);list-style:none}.faq-item__q::-webkit-details-marker{display:none}.faq-item__q .icon{color:var(--color-text-muted);transition:transform var(--duration-base) var(--ease-default)}.faq-item[open] .faq-item__q .icon{transform:rotate(180deg)}.faq-item__a{padding:0 var(--space-5) var(--space-4)}.faq-item__a p{font-size:var(--text-sm);color:var(--color-text-secondary)}.home-cta{position:relative;overflow:hidden;margin-top:var(--space-16);padding:var(--space-12) var(--space-6);text-align:center;border-radius:var(--radius-2xl);color:#fff;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-500) 45%,var(--color-cat-organize));box-shadow:var(--shadow-lg);isolation:isolate}.home-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 60% at 85% 10%,color-mix(in srgb,#fff 22%,transparent),transparent 70%),radial-gradient(40% 60% at 10% 90%,color-mix(in srgb,#000 14%,transparent),transparent 70%)}.home-cta__eyebrow{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.1em;text-transform:uppercase;opacity:.85}.home-cta h2{color:#fff;margin-top:var(--space-3);font-size:var(--text-2xl)}.home-cta p{color:color-mix(in srgb,#fff 88%,transparent);margin:var(--space-3) auto var(--space-6);max-width:48ch}.home-cta__btn{background:#fff;color:var(--color-primary-700);border:none}.home-cta__btn:hover{background:color-mix(in srgb,#fff 88%,var(--color-primary-100));color:var(--color-primary-700)}@media(min-width:640px){.why-us__grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.hero{padding:var(--space-20) 0 var(--space-16)}.hero__title{font-size:var(--text-3xl)}.section__title{font-size:var(--text-2xl)}.why-us__grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.hero__title{font-size:44px}}.tool-grid-section{margin-top:var(--space-8)}.tool-search-wrap{margin:var(--space-6) 0}.tool-search{position:relative;display:flex;align-items:center;max-width:460px}.tool-search .icon{position:absolute;left:var(--space-4);color:var(--color-text-muted);pointer-events:none}.tool-search-input{width:100%;height:46px;padding:0 var(--space-4) 0 calc(var(--space-4) + 24px + var(--space-3));border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--duration-base) var(--ease-default),box-shadow var(--duration-base) var(--ease-default)}.tool-search-input::placeholder{color:var(--color-text-muted)}.tool-search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--shadow-focus)}.tool-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4)}.tool-card{position:relative;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-base) var(--ease-default),transform var(--duration-base) var(--ease-default),border-color var(--duration-base) var(--ease-default)}a.tool-card{color:inherit}a.tool-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--color-primary-500) 45%,var(--color-border));transform:translateY(-3px)}a.tool-card::after{content:"→";position:absolute;top:var(--space-5);right:var(--space-5);font-size:var(--text-md);color:var(--color-primary-500);opacity:0;transform:translate(-4px,4px);transition:opacity var(--duration-base) var(--ease-default),transform var(--duration-base) var(--ease-default)}a.tool-card:hover::after{opacity:1;transform:translate(0,0)}.tool-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);border-radius:var(--radius-md);margin-bottom:var(--space-3);transition:transform var(--duration-base) var(--ease-default)}a.tool-card:hover .tool-card__icon{transform:scale(1.06)}.tool-card[data-category="convert"] .tool-card__icon{background:color-mix(in srgb,var(--color-cat-convert) 14%,transparent)}.tool-card[data-category="organize"] .tool-card__icon{background:color-mix(in srgb,var(--color-cat-organize) 14%,transparent)}.tool-card[data-category="optimize"] .tool-card__icon{background:color-mix(in srgb,var(--color-cat-optimize) 14%,transparent)}.tool-card[data-category="security"] .tool-card__icon{background:color-mix(in srgb,var(--color-cat-security) 16%,transparent)}.tool-card[data-category="edit"] .tool-card__icon{background:color-mix(in srgb,var(--color-cat-edit) 16%,transparent)}.tool-card[data-category="view"] .tool-card__icon{background:color-mix(in srgb,var(--color-cat-view) 14%,transparent)}.tool-card strong{font-size:var(--text-md);font-weight:var(--font-semibold)}.tool-card>span:not(.tool-card__icon):not(.tool-card__badge){font-size:var(--text-sm);color:var(--color-text-muted)}.tool-card--soon{cursor:default;opacity:.72}.tool-card--soon:hover{box-shadow:var(--shadow-xs);transform:none;border-color:var(--color-border)}.tool-card__badge{align-self:flex-start;margin-top:var(--space-3);padding:2px var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);background:var(--color-surface-alt);border-radius:var(--radius-full)}a.tool-card .tool-card__badge,a.tool-card.tool-card--free .tool-card__badge{color:var(--color-success-600);background:color-mix(in srgb,var(--color-success-500) 16%,transparent)}.tool-card.filtered-out,.tool-card.searched-out{display:none}@media(min-width:640px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.tool-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.tool-grid{grid-template-columns:repeat(4,1fr)}}.categories{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);width:fit-content;max-width:100%}.cat-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);background:transparent;color:var(--color-text-secondary);transition:background-color var(--duration-base) var(--ease-default),color var(--duration-base) var(--ease-default),border-color var(--duration-base) var(--ease-default)}.cat-btn:hover{background:var(--color-surface-alt);color:var(--color-text)}.cat-btn::before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-text-muted)}.cat-btn.active{color:#fff;background:var(--color-primary-500)}.cat-btn.active::before{background:#fff}.cat-btn[data-filter="convert"].active{background:var(--color-cat-convert)}.cat-btn[data-filter="organize"].active{background:var(--color-cat-organize)}.cat-btn[data-filter="optimize"].active{background:var(--color-cat-optimize)}.cat-btn[data-filter="security"].active{background:var(--color-cat-security)}.cat-btn[data-filter="edit"].active{background:var(--color-cat-edit)}.cat-btn[data-filter="view"].active{background:var(--color-cat-view)}.cat-btn[data-filter="convert"]::before{background:var(--color-cat-convert)}.cat-btn[data-filter="organize"]::before{background:var(--color-cat-organize)}.cat-btn[data-filter="optimize"]::before{background:var(--color-cat-optimize)}.cat-btn[data-filter="security"]::before{background:var(--color-cat-security)}.cat-btn[data-filter="edit"]::before{background:var(--color-cat-edit)}.cat-btn[data-filter="view"]::before{background:var(--color-cat-view)}