.blog-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6);max-width:1040px;margin-inline:auto;}.blog-grid > .post-card{flex:1 1 280px;max-width:320px;}.latest-articles .section-head{text-align:center;margin-bottom:var(--space-8);}.latest-articles__cta{display:flex;justify-content:center;margin-top:var(--space-8);}.post-card{--sheet-1:5px;--sheet-2:10px;--sheet-lift:0px;position:relative;display:flex;flex-direction:column;padding:9px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl,18px);color:var(--color-text-primary);box-shadow:0 1px 2px rgba(17,12,46,0.04),0 0 0 0 rgba(70,59,208,0),var(--sheet-1) var(--sheet-1) 0 -1px var(--color-surface),var(--sheet-1) var(--sheet-1) 0 0 var(--color-border),var(--sheet-2) var(--sheet-2) 0 -1px var(--color-surface),var(--sheet-2) var(--sheet-2) 0 0 var(--color-border);transform:translateY(var(--sheet-lift));transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);}.post-card:hover{--sheet-1:2px;--sheet-2:4px;--sheet-lift:-6px;text-decoration:none;border-color:transparent;box-shadow:0 8px 18px rgba(17,12,46,0.07),0 22px 46px -14px rgba(70,59,208,0.34),var(--sheet-1) var(--sheet-1) 0 -1px var(--color-surface),var(--sheet-1) var(--sheet-1) 0 0 var(--color-border),var(--sheet-2) var(--sheet-2) 0 -1px var(--color-surface),var(--sheet-2) var(--sheet-2) 0 0 var(--color-border);}[dir="rtl"] .post-card{box-shadow:0 1px 2px rgba(17,12,46,0.04),0 0 0 0 rgba(70,59,208,0),calc(var(--sheet-1) * -1) var(--sheet-1) 0 -1px var(--color-surface),calc(var(--sheet-1) * -1) var(--sheet-1) 0 0 var(--color-border),calc(var(--sheet-2) * -1) var(--sheet-2) 0 -1px var(--color-surface),calc(var(--sheet-2) * -1) var(--sheet-2) 0 0 var(--color-border);}[dir="rtl"] .post-card:hover{box-shadow:0 8px 18px rgba(17,12,46,0.07),0 22px 46px -14px rgba(70,59,208,0.34),calc(var(--sheet-1) * -1) var(--sheet-1) 0 -1px var(--color-surface),calc(var(--sheet-1) * -1) var(--sheet-1) 0 0 var(--color-border),calc(var(--sheet-2) * -1) var(--sheet-2) 0 -1px var(--color-surface),calc(var(--sheet-2) * -1) var(--sheet-2) 0 0 var(--color-border);}.post-card .blog-cover{aspect-ratio:16 / 9;border-radius:12px;box-shadow:0 4px 14px rgba(17,12,46,0.10),inset 0 0 0 1px rgba(17,12,46,0.06);transition:box-shadow var(--duration-base) var(--ease-out);}.post-card:hover .blog-cover{box-shadow:0 8px 22px rgba(17,12,46,0.16),inset 0 0 0 1px rgba(17,12,46,0.06);}.post-card:hover .blog-cover__img{transform:scale(1.04);}.post-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-2);flex:1;}.post-card__title{font-family:var(--font-family-display);font-size:var(--text-xl,1.3rem);font-weight:700;letter-spacing:-0.02em;line-height:1.25;transition:color var(--duration-base) var(--ease-out);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.post-card:hover .post-card__title{color:var(--color-primary);}.post-card__excerpt{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.post-card__footer{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border);}.post-card__avatar{width:28px;height:28px;font-size:10px;box-shadow:0 0 0 1px var(--color-border);}.post-card__author{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.post-card__date{margin-left:auto;flex:none;font-family:var(--font-family-mono,monospace);font-size:var(--text-xs);color:var(--color-text-disabled);white-space:nowrap;}.blog-cover{position:relative;overflow:hidden;isolation:isolate;background:var(--gradient-primary);}.blog-cover img{display:block;}.blog-cover__blur{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) saturate(1.25);transform:scale(1.15);}.blog-cover__img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;transition:transform var(--duration-slow,0.5s) var(--ease-out);}.blog-cover__mark{position:absolute;inset:0;z-index:1;margin:auto;width:34%;max-width:96px;opacity:0.9;filter:drop-shadow(0 8px 20px rgba(0,0,0,0.25));}.blog-cover__time{position:absolute;z-index:2;right:var(--space-3);bottom:var(--space-3);font-family:var(--font-family-mono,monospace);font-size:var(--text-xs);letter-spacing:0.04em;line-height:1;color:#fff;background:rgba(17,12,46,0.72);backdrop-filter:blur(6px);padding:5px 9px;border-radius:999px;box-shadow:0 2px 10px rgba(17,12,46,0.25);}.hero{position:relative;isolation:isolate;padding-block:var(--space-24) var(--space-20);text-align:center;overflow:hidden;border-bottom:1px solid var(--color-border);}.hero::before{content:'';position:absolute;inset:-20% -10% auto -10%;height:120%;background:radial-gradient(60% 55% at 50% -8%,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 70%),radial-gradient(40% 40% at 82% 0%,color-mix(in srgb,var(--color-accent) 12%,transparent),transparent 70%);z-index:-3;}.hero::after{content:'';position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--color-text-primary) 12%,transparent) 1px,transparent 1.4px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 62% 62% at 50% 38%,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse 62% 62% at 50% 38%,#000 0%,transparent 72%);opacity:0.5;z-index:-2;}.hero__constellation{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);margin-bottom:var(--space-6);}.hero__eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success) 25%,transparent);}.hero__title{font-family:var(--font-family-display);font-size:var(--h1-hero);font-weight:700;letter-spacing:var(--tracking-tighter);margin-inline:auto;line-height:1.1;text-wrap:balance;}.hero__title .grad{font-style:normal;background:linear-gradient(120deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:920px;margin:var(--space-6) auto var(--space-8);line-height:1.6;text-wrap:balance;}.hero__search{display:flex;align-items:center;gap:var(--space-2);max-width:580px;margin-inline:auto;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);padding:7px 7px 7px var(--space-5);box-shadow:var(--shadow-md);transition:box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);}.hero__search:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-lg),var(--ring);}.hero__search svg{color:var(--color-text-disabled);flex-shrink:0;}.hero__search input{flex:1;height:46px;border:none;padding-inline:0;background:transparent;}.hero__search input:focus-visible{outline:none;}.hero__search .btn{height:46px;border-radius:var(--radius-pill);padding-inline:var(--space-6);}.hero__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-6);}.hero__chips-label{width:100%;font-family:var(--font-family-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-disabled);margin-bottom:2px;}.hero__chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:7px var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);}.hero__chip::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--chip-accent,var(--color-primary));}.hero__chip:hover{border-color:var(--chip-accent,var(--color-primary));transform:translateY(-2px);box-shadow:var(--shadow-sm);text-decoration:none;}button.hero__chip{cursor:pointer;font-family:inherit;line-height:1.1;}.hero__chip.is-active{border-color:var(--chip-accent,var(--color-primary));background:color-mix(in srgb,var(--chip-accent,var(--color-primary)) 14%,var(--color-surface));color:var(--chip-accent,var(--color-primary));}.hero__chip.is-active::before{box-shadow:0 0 0 3px color-mix(in srgb,var(--chip-accent,var(--color-primary)) 22%,transparent);}.hero__inner > *{animation:hero-rise var(--duration-slow) var(--ease-out) both;}.hero__title{animation-delay:60ms;}.hero__subtitle{animation-delay:140ms;}.hero__search{animation-delay:220ms;}.hero__chips{animation-delay:300ms;}@keyframes hero-rise{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}.category-block{margin-block:var(--space-16);}.category-block:first-child{margin-top:0;}.category-block__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);}.category-block__heading{display:flex;align-items:center;gap:var(--space-3);}.category-block__heading h2{margin:0;font-size:var(--text-xl);}.category-block__heading .doc-code{color:var(--tool-accent,var(--color-primary));background:color-mix(in srgb,var(--tool-accent,var(--color-primary)) 12%,transparent);padding:3px var(--space-2);border-radius:var(--radius-xs);}.category-block__view-all{font-size:var(--text-sm);font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;color:var(--color-primary);}.category-block__view-all::after{content:'→';transition:transform var(--duration-fast) var(--ease-out);display:inline-block;}.category-block__view-all:hover{text-decoration:none;}.category-block__view-all:hover::after{transform:translateX(4px);}.category-header{position:relative;isolation:isolate;text-align:center;padding-block:var(--space-12) var(--space-10);border-bottom:1px solid var(--color-border);overflow:hidden;}.category-header::before{content:'';position:absolute;inset:-40% -10% auto -10%;height:140%;background:radial-gradient(55% 55% at 50% -8%,color-mix(in srgb,var(--tool-accent,var(--color-primary)) 14%,transparent),transparent 70%),radial-gradient(40% 40% at 82% 0%,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 70%);z-index:-1;}.category-header .breadcrumb{display:flex;padding-top:0;}.category-header__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--tool-accent,var(--color-primary));margin-bottom:var(--space-4);}.category-header__eyebrow .doc-code{color:#fff;background:linear-gradient(135deg,var(--tool-accent,var(--color-primary)) 0%,color-mix(in srgb,var(--tool-accent,var(--color-primary)) 65%,var(--color-primary-deep)) 100%);padding:3px var(--space-2);border-radius:var(--radius-xs);}.category-header h1{font-size:var(--h1-hero);letter-spacing:var(--tracking-tight);}.category-header__intro{margin:var(--space-3) auto 0;font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.trust-strip__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);}.trust-strip__grid > div{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl,18px);box-shadow:0 1px 2px rgba(17,12,46,0.04);color:var(--color-text-primary);font-size:var(--text-base);font-weight:500;text-align:left;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);}.trust-strip__grid > div::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out);}.trust-strip__grid > div:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(42,39,108,0.28);border-color:transparent;}.trust-strip__grid > div:hover::before{transform:scaleX(1);}.trust-strip__grid > div svg{flex-shrink:0;width:46px;height:46px;padding:12px;border-radius:13px;background:var(--gradient-primary);color:#fff;fill:none;stroke:currentColor;stroke-width:1.8;box-shadow:0 8px 18px -8px color-mix(in srgb,var(--color-primary) 60%,transparent);}.trust-strip__grid > div p{margin:0;line-height:1.4;}@media (max-width:720px){.trust-strip__grid{grid-template-columns:1fr;}}.hero__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6);}.hero__upload{display:inline-flex;align-items:center;gap:var(--space-2);}.hero__upload svg{fill:none;stroke:currentColor;stroke-width:1.8;}#popular-tools .section-head,.why-choose .section-head,.how-home .section-head,.faq-home .section-head{text-align:center;margin-bottom:var(--space-8);}.how-home__steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);max-width:900px;margin-inline:auto;padding:0;}.how-home__steps li{text-align:center;}.how-home__num{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-family:var(--font-family-display);font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-4);}.how-home__icon{display:none;}.how-home__steps strong{display:block;font-family:var(--font-family-display);font-size:var(--text-lg);margin-bottom:var(--space-2);}.how-home__steps p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;}@media (max-width:700px){.how-home__steps{grid-template-columns:1fr;gap:var(--space-6);}}.faq-home__inner{max-width:760px;margin-inline:auto;}.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);padding:var(--space-4) var(--space-5);}.faq-item summary{font-family:var(--font-family-display);font-weight:600;font-size:var(--text-base);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);}.faq-item summary::-webkit-details-marker{display:none;}.faq-item summary::after{content:"+";font-size:1.3em;line-height:1;color:var(--color-primary);}.faq-item[open] summary::after{content:"\2212";}.faq-item p{margin-top:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7;}.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);}@media (max-width:900px){.popular-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:560px){.popular-grid{grid-template-columns:1fr;}}.pop-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl,18px);color:var(--color-text-primary);box-shadow:0 1px 2px rgba(17,12,46,0.04);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);}.pop-card::before{content:"";position:absolute;top:-46px;right:-46px;width:140px;height:140px;border-radius:50%;background:var(--tool-accent);opacity:0.10;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);}.pop-card:hover{transform:translateY(-6px);border-color:transparent;text-decoration:none;box-shadow:0 24px 50px -18px var(--tool-accent),0 10px 22px rgba(17,12,46,0.08);}.pop-card:hover::before{opacity:0.20;transform:scale(1.18);}.pop-card__icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background-color:var(--tool-accent);background-image:linear-gradient(135deg,rgba(255,255,255,0.30),rgba(255,255,255,0) 60%);color:#fff;box-shadow:0 12px 24px -8px var(--tool-accent);}.pop-card__icon svg{fill:none;stroke:currentColor;stroke-width:1.7;}.pop-card__name{position:relative;z-index:1;font-family:var(--font-family-display);font-size:var(--text-xl,1.25rem);font-weight:700;letter-spacing:-0.01em;}.pop-card__desc{position:relative;z-index:1;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.pop-card__cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-weight:600;font-size:var(--text-sm);color:var(--tool-accent);}.pop-card__cta svg{fill:none;stroke:currentColor;stroke-width:2;transition:transform var(--duration-base) var(--ease-out);}.pop-card:hover .pop-card__cta svg{transform:translateX(4px);}.tool-card__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.hero__chip{display:inline-flex;align-items:center;gap:7px;}.hero__chip::before{display:none;}.hero__chip svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;color:var(--chip-accent,currentColor);}.hero__chip.is-active svg{color:inherit;}.hero__search-wrap{position:relative;width:100%;max-width:420px;}.search-suggest{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 8px);list-style:none;margin:0;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 20px 44px -12px rgba(17,12,46,0.22);text-align:left;max-height:340px;overflow-y:auto;}.search-suggest[hidden]{display:none;}.search-suggest__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md,10px);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;text-decoration:none;}.search-suggest__item:hover,.search-suggest__item.is-active{background:var(--color-bg-alt);}.search-suggest__item mark{background:transparent;color:var(--color-primary);font-weight:700;}.search-suggest__badge{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-disabled);}.search-suggest__empty{padding:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);}.home-upload{max-width:560px;margin:var(--space-6) auto var(--space-4);}.home-upload__drop{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);background:var(--color-surface);border:2px dashed var(--color-border-strong,var(--color-border));border-radius:var(--radius-xl,18px);cursor:pointer;text-align:center;transition:border-color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);}.home-upload__drop:hover{border-color:var(--color-primary);background:var(--color-bg-alt);}.home-upload.is-dragover .home-upload__drop{border-color:var(--color-primary);background:rgba(70,59,208,0.06);transform:scale(1.01);}.home-upload__icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:16px;background:var(--gradient-primary);color:#fff;margin-bottom:var(--space-2);}.home-upload__icon svg{fill:none;stroke:currentColor;stroke-width:1.7;}.home-upload__title{font-family:var(--font-family-display);font-size:var(--text-lg);font-weight:700;}.home-upload__hint{color:var(--color-text-secondary);font-size:var(--text-sm);}.home-upload__formats{margin-top:var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-disabled);border:1px solid var(--color-border);border-radius:999px;padding:3px 10px;}.home-upload__chooser{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl,18px);padding:var(--space-6);box-shadow:0 18px 40px -18px rgba(17,12,46,0.2);}.home-upload__q{font-size:var(--text-base);margin-bottom:var(--space-4);}.home-upload__q b{color:var(--color-primary);}.home-upload__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);}.home-action{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);}.home-action:hover{transform:translateY(-3px);border-color:transparent;box-shadow:0 12px 26px -12px var(--tool-accent);}.home-action__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--tool-accent);color:#fff;}.home-action__icon svg{fill:none;stroke:currentColor;stroke-width:1.7;}.home-upload__reset{display:block;margin:var(--space-4) auto 0;background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);text-decoration:underline;cursor:pointer;}@media (max-width:480px){.home-upload__actions{grid-template-columns:repeat(2,1fr);}}.hero__search-wrap{position:relative;width:100%;max-width:560px;margin-inline:auto;}.hero__search{max-width:none;padding:6px var(--space-5);}.hero__search svg{color:var(--color-text-disabled);}.hero__search:focus-within svg{color:var(--color-primary);}.hero__search input::-webkit-search-cancel-button{-webkit-appearance:none;}.search-suggest{padding:var(--space-2);border-radius:var(--radius-lg);box-shadow:0 24px 50px -14px rgba(17,12,46,0.26);top:calc(100% + 10px);}.search-suggest__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-2);border-radius:var(--radius-md,10px);color:var(--color-text-primary);font-size:var(--text-sm);text-decoration:none;transition:background var(--duration-fast) var(--ease-out);}.search-suggest__item:hover,.search-suggest__item.is-active{background:color-mix(in srgb,var(--tool-accent,var(--color-primary)) 9%,var(--color-surface));}.search-suggest__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--tool-accent,var(--color-primary)) 16%,transparent);color:var(--tool-accent,var(--color-primary));}.search-suggest__icon svg{fill:none;stroke:currentColor;stroke-width:1.7;}.search-suggest__name{flex:1;font-weight:600;}.search-suggest__name mark{background:transparent;color:var(--tool-accent,var(--color-primary));font-weight:800;}.search-suggest__badge{flex-shrink:0;font-size:var(--text-xs);color:var(--color-text-disabled);}.search-suggest__arrow{flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;color:var(--tool-accent,var(--color-primary));opacity:0;transform:translateX(-4px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);}.search-suggest__item:hover .search-suggest__arrow,.search-suggest__item.is-active .search-suggest__arrow{opacity:1;transform:translateX(0);}.search-suggest__empty{padding:var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm);}.stats-band{padding:var(--space-6) 0;border-block:none;background:transparent;}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl,20px);box-shadow:0 20px 48px -26px rgba(42,39,108,0.32);overflow:hidden;}.stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-5) var(--space-4);transition:background-color var(--duration-base) var(--ease-out);}.stat + .stat{border-left:1px solid var(--color-border);}.stat:hover{background:color-mix(in srgb,var(--color-primary) 4%,transparent);}.stat__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--gradient-primary);color:#fff;margin-bottom:var(--space-1);box-shadow:0 8px 18px -8px color-mix(in srgb,var(--color-primary) 60%,transparent);transition:transform var(--duration-base) var(--ease-out);}.stat:hover .stat__icon{transform:translateY(-3px);}.stat__icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;}.stat__num{font-family:var(--font-family-display);font-size:clamp(19px,2vw,24px);font-weight:800;line-height:1;letter-spacing:-0.01em;color:var(--color-text-primary);}.stat__num::after{content:'';display:block;width:20px;height:2px;margin:6px auto 0;border-radius:2px;background:var(--gradient-accent);transition:width var(--duration-base) var(--ease-out);}.stat:hover .stat__num::after{width:34px;}.stat__label{font-family:var(--font-family-mono);font-size:10px;font-weight:500;letter-spacing:0.07em;text-transform:uppercase;color:var(--color-text-secondary);}@media (max-width:720px){.stats-grid{grid-template-columns:repeat(2,1fr);}.stat:nth-child(3),.stat:nth-child(4){border-top:1px solid var(--color-border);}.stat:nth-child(3){border-left:none;}.stat{padding:var(--space-6) var(--space-3);}}.search-suggest{position:fixed;right:auto;z-index:1000;}.home-upload{max-width:640px;margin:var(--space-8) auto var(--space-4);}.home-upload__drop{position:relative;overflow:hidden;padding:var(--space-10) var(--space-8);gap:var(--space-3);border:2px dashed color-mix(in srgb,var(--color-primary) 34%,var(--color-border));border-radius:var(--radius-2xl,24px);background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--color-primary) 7%,transparent),transparent 62%),var(--color-surface);box-shadow:0 24px 60px -34px color-mix(in srgb,var(--color-primary) 65%,transparent);}.home-upload__glow{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(60% 70% at 50% 118%,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 70%);opacity:0;transition:opacity var(--duration-base) var(--ease-out);}.home-upload.is-dragover .home-upload__drop{border-color:var(--color-primary);transform:scale(1.01);}.home-upload.is-dragover .home-upload__glow{opacity:1;}.home-upload__drop > *{position:relative;z-index:1;}.home-upload__icon{width:68px;height:68px;border-radius:20px;background:var(--gradient-primary);color:#fff;box-shadow:0 18px 34px -12px color-mix(in srgb,var(--color-primary) 70%,transparent);}.home-upload__title{font-family:var(--font-family-display);font-size:var(--text-2xl,1.5rem);font-weight:700;}.home-upload__hint{max-width:400px;}.home-upload__btn{margin-top:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-2);}.home-upload__formats{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-2);border:none;background:none;padding:0;text-transform:none;letter-spacing:normal;font-weight:500;color:var(--color-text-secondary);font-size:var(--text-xs);}.home-upload__formats svg{fill:none;stroke:currentColor;stroke-width:1.7;color:var(--color-success,var(--color-primary));}.home-upload__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);font-weight:600;color:var(--color-text-secondary);}.home-upload__spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--color-border);border-top-color:var(--color-primary);animation:home-spin 0.7s linear infinite;}@keyframes home-spin{to{transform:rotate(360deg);}}.category-block .tool-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5);}.category-block .tool-card{padding:var(--space-6);}.category-block .tool-card__icon{width:56px;height:56px;background:color-mix(in srgb,var(--tool-accent,var(--color-primary)) 14%,transparent);color:var(--tool-accent,var(--color-primary));}.category-block .tool-card__name{font-size:var(--text-xl,1.25rem);}.category-block .tool-card__desc{font-size:var(--text-sm);}.how-home__steps{gap:var(--space-6);}.how-home__steps li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl,18px);padding:var(--space-8) var(--space-6);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);}.how-home__steps li:hover{transform:translateY(-5px);border-color:transparent;box-shadow:0 20px 42px -18px rgba(70,59,208,0.28);}.how-home__num{box-shadow:0 12px 24px -8px color-mix(in srgb,var(--color-primary) 65%,transparent);}.how-home__steps li:nth-child(1){--hc:#FA911C;}.how-home__steps li:nth-child(2){--hc:#463BD0;}.how-home__steps li:nth-child(3){--hc:#1E9D5A;}.how-home__steps li{background:color-mix(in srgb,var(--hc,var(--color-primary)) 9%,var(--color-surface));border-color:color-mix(in srgb,var(--hc,var(--color-primary)) 22%,var(--color-border));}.how-home__steps li:hover{box-shadow:0 20px 42px -18px color-mix(in srgb,var(--hc,var(--color-primary)) 55%,transparent);}.how-home__num{background:var(--hc,var(--color-primary));box-shadow:0 12px 24px -8px color-mix(in srgb,var(--hc,var(--color-primary)) 60%,transparent);}.tool-card__icon,.category-block .tool-card__icon{background:var(--tool-accent,var(--color-primary));color:#fff;}.tool-card__icon svg{stroke-width:1.9;}.tool-card__icon svg{width:32px;height:32px;}.pop-card__icon svg{width:34px;height:34px;}.home-action__icon svg{width:24px;height:24px;}.pop-card__rank{position:absolute;top:var(--space-5);right:var(--space-5);z-index:3;font-family:var(--font-family-display);font-weight:800;font-size:var(--text-sm);line-height:1;color:var(--tool-accent,var(--color-primary));background:color-mix(in srgb,var(--tool-accent,var(--color-primary)) 15%,var(--color-surface));border-radius:999px;padding:4px 10px;}.pop-card__rank sup{font-size:0.62em;font-weight:700;margin-left:1px;}.wa-section{padding-top:0;margin-top:calc(-1 * var(--space-24));}.wa-card{--wa-green:#25D366;--wa-green-deep:#128C7E;--wa-green-darker:#075E54;display:grid;grid-template-columns:minmax(0,0.72fr) minmax(0,1fr);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);}.wa-card__brand{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center;color:#fff;background:linear-gradient(150deg,var(--wa-green) 0%,var(--wa-green-deep) 60%,var(--wa-green-darker) 100%);overflow:hidden;}.wa-card__brand::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 20% 10%,rgba(255,255,255,.18),rgba(255,255,255,0) 55%);}.wa-brand__mark{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#fff;color:var(--wa-green-deep);box-shadow:0 8px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.6);}.wa-brand__mark svg{width:42px;height:42px;}.wa-brand__name{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family-display);font-weight:700;font-size:var(--text-xl);}.wa-brand__tick{width:18px;height:18px;color:#fff;flex:none;}.wa-brand__meta{font-size:var(--text-xs);font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.82);}.wa-card__content{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-10) var(--space-10) var(--space-8);}.wa-card__eyebrow{color:var(--wa-green-deep);}.wa-card__title{font-family:var(--font-family-display);font-weight:700;font-size:var(--text-2xl);line-height:1.1;margin:var(--space-2) 0 var(--space-3);letter-spacing:-.5px;}.wa-card__text{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.65;margin:0 0 var(--space-5);max-width:48ch;}.wa-points{list-style:none;margin:0 0 var(--space-6);padding:0;display:flex;flex-direction:column;gap:var(--space-3);}.wa-points li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);}.wa-points svg{flex:none;width:20px;height:20px;padding:3px;border-radius:50%;color:var(--wa-green-deep);background:color-mix(in srgb,var(--wa-green) 18%,transparent);}.wa-cta{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--wa-green);color:#fff;font-family:var(--font-family-display);font-weight:600;font-size:var(--text-base);padding:13px var(--space-6);border-radius:var(--radius-pill);box-shadow:0 8px 20px -6px color-mix(in srgb,var(--wa-green) 60%,transparent);transition:transform var(--duration-base,.18s) var(--ease-overshoot,ease),box-shadow var(--duration-base,.18s) ease,background var(--duration-base,.18s) ease;}.wa-cta svg{width:20px;height:20px;}.wa-cta:hover{background:var(--wa-green-deep);transform:translateY(-2px);box-shadow:0 12px 26px -6px color-mix(in srgb,var(--wa-green) 65%,transparent);text-decoration:none;color:#fff;}.wa-cta:focus-visible{outline:3px solid color-mix(in srgb,var(--wa-green) 45%,transparent);outline-offset:2px;}.wa-card__note{margin:var(--space-4) 0 0;font-size:var(--text-xs);color:var(--color-text-disabled);}@media (prefers-reduced-motion:reduce){.wa-cta{transition:none;}}@media (max-width:820px){.wa-card{grid-template-columns:1fr;}.wa-card__brand{flex-direction:row;justify-content:flex-start;gap:var(--space-4);padding:var(--space-6);text-align:left;}.wa-card__brand::after{display:none;}.wa-brand__mark{width:56px;height:56px;}.wa-brand__mark svg{width:30px;height:30px;}.wa-card__content{padding:var(--space-8) var(--space-6) var(--space-6);}}