@font-face{font-family:'F';src:url(/assets/fonts/f-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'F';src:url(/assets/fonts/f-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'F';src:url(/assets/fonts/f-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
*,::before,::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'F',-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Helvetica','Arial',sans-serif;line-height:1.5;color:var(--clr-text);background:var(--clr-bg-main)}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer}
h1,h2,h3,h4{text-transform:uppercase}
strong,b{font-weight:500}
:root{--clr-primary:#135bec;--clr-primary-hover:#0d47ba;--clr-bg-main:#f5f5f5;--clr-white:#fff;--clr-text:#0f172a;--clr-text-light:#64748b;--clr-text-lighter:#64748b;--clr-border:#e2e8f0;--clr-border-light:#f1f5f9;--clr-dark:#1e293b;--clr-dark-bg:#0f172a;--clr-blue-light:#eff6ff;--color-card-green:#22c55e1f;--color-card-yellow:#eab3081f;--color-card-pink:#ec48991f;--color-card-blue:#3b82f61f;--color-card-purple:#8b5cf61f;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--fs-xs:.6875rem;--fs-sm:.875rem;--fs-base:.9375rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:3rem;--fs-6xl:3.75rem;--container-max:80rem;--container-px:1.5rem;--radius-sm:.2rem;--radius:.35rem;--radius-lg:.35rem;--radius-xl:.625rem;--radius-2xl:.35rem;--radius-pill:99rem;--shadow-sm:0 .0625rem .125rem #0000000d;--shadow:0 .0625rem .1875rem #0000001a;--shadow-md:0 .25rem .375rem #00000012;--shadow-lg:0 .625rem .9375rem #0000001a;--shadow-xl:0 .625rem 2.5rem -.9375rem #0000001a;--z-nav:50;--z-dropdown:100}
.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-px)}
.boxed{max-width:80rem;margin:0 auto;background:var(--clr-white);box-shadow:0 0 2.5rem #00000008;min-height:100vh}
.grid{display:grid;gap:var(--space-6)}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--4{grid-template-columns:repeat(2,1fr)}
.nav{position:sticky;top:0;z-index:var(--z-nav);background:#fffffff2;backdrop-filter:blur(0.75rem);-webkit-backdrop-filter:blur(0.75rem);border-bottom:1px solid var(--clr-border-light)}
.nav .container{display:flex;align-items:center;justify-content:space-between;height:4rem}
.nav__logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-2xl);font-weight:700;text-transform:uppercase;color:var(--clr-text)}
.nav__logo-text span{color:var(--clr-primary)}
.nav__links{display:none;gap:var(--space-8)}
.nav__links a{font-size:var(--fs-base);font-weight:400;color:var(--clr-text-light);transition:color .2s}
.nav__links a:hover{color:var(--clr-primary)}
.nav__actions{display:flex;align-items:center;gap:var(--space-6)}
.nav__lang{display:flex;align-items:center;gap:var(--space-2);color:var(--clr-text-light);font-size:var(--fs-sm);font-weight:700;cursor:pointer;transition:color .2s}
.nav__lang:hover{color:var(--clr-primary)}
.nav__toggle{display:flex;flex-direction:column;gap:.25rem;background:none;border:none;padding:var(--space-2)}
.nav__toggle span{width:1.5rem;height:.125rem;background:var(--clr-text);border-radius:var(--radius-pill)}
.mobile-nav{position:fixed;top:5rem;left:0;right:0;background:var(--clr-white);border-bottom:1px solid var(--clr-border-light);max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:var(--z-dropdown)}
.mobile-nav.active{max-height:100vh}
.mobile-nav ul{list-style:none;padding:var(--space-4)}
.mobile-nav li{border-bottom:1px solid var(--clr-border-light)}
.mobile-nav a{display:block;padding:var(--space-4);font-size:var(--fs-sm);font-weight:700;color:var(--clr-text-light);transition:color .2s}
.mobile-nav a:hover{color:var(--clr-primary)}
.lang-switcher{position:relative}
.lang-switcher__toggle{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--clr-text-light);font-size:var(--fs-sm);font-weight:700;cursor:pointer;padding:var(--space-2);transition:color .2s}
.lang-switcher__toggle:hover{color:var(--clr-primary)}
.lang-switcher__dropdown{display:none;position:absolute;top:100%;right:0;background:var(--clr-white);border:1px solid var(--clr-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:10rem;padding:var(--space-2) 0;z-index:var(--z-dropdown);margin-top:var(--space-2)}
.lang-switcher__dropdown.open{display:block}
.lang-switcher__dropdown a{display:block;padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);font-weight:400;color:var(--clr-text-light);transition:all .15s}
.lang-switcher__dropdown a:hover,.lang-switcher__dropdown a.active{background:var(--clr-bg-main);color:var(--clr-primary)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:700;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);border:none;transition:all .2s}
.btn--primary{background:var(--clr-primary);color:var(--clr-white);box-shadow:var(--shadow-md)}
.btn--primary:hover{background:var(--clr-primary-hover)}
.btn--lg{padding:var(--space-4) var(--space-10)}
.hero{padding:var(--space-20) 0 var(--space-24);text-align:center;background:var(--clr-white);border-bottom:1px solid var(--clr-border-light)}
.hero .container{max-width:64rem}
.hero h1{font-size:var(--fs-4xl);font-weight:700;line-height:1.1;letter-spacing:-.025em;color:var(--clr-text);margin-bottom:var(--space-6)}
.hero h1 span{color:var(--clr-primary)}
.hero p{font-size:var(--fs-lg);color:var(--clr-text-light);line-height:1.6;max-width:42rem;margin:0 auto var(--space-12)}
.search{max-width:48rem;margin:0 auto var(--space-8);display:flex;align-items:center;gap:var(--space-2);background:var(--clr-white);border:1px solid var(--clr-border);border-radius:var(--radius-2xl);padding:var(--space-2);box-shadow:var(--shadow-xl);transition:all .2s}
.search:focus-within{border-color:var(--clr-primary);box-shadow:0 0 0 .1875rem #135bec33 var(--shadow-xl)}
.search__icon{color:var(--clr-text-lighter);margin-left:var(--space-4);flex-shrink:0}
.search__input{flex:1;border:none;outline:none;background:transparent;font-size:var(--fs-lg);padding:var(--space-3) var(--space-4);color:var(--clr-text)}
.search__input::placeholder{color:var(--clr-text-lighter)}
.search__btn{background:var(--clr-primary);color:var(--clr-white);font-weight:700;padding:var(--space-4) var(--space-10);border:none;border-radius:var(--radius-xl);transition:background .2s}
.search__btn:hover{background:var(--clr-primary-hover)}
.tags{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-4);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.tags__label{color:var(--clr-text-lighter)}
.tags a{color:var(--clr-text-light);transition:color .2s}
.tags a:hover{color:var(--clr-primary)}
.main{background:var(--clr-bg-main);padding:var(--space-20) 0}
.stats{margin-bottom:var(--space-20)}
.stat{background:var(--clr-white);border:1px solid #e2e8f099;border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-sm)}
.stat__number{font-size:var(--fs-3xl);font-weight:700;color:var(--clr-primary);margin-bottom:var(--space-1)}
.stat__label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--clr-text-light)}
.categories__header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-12)}
.categories__header h2{font-size:var(--fs-3xl);font-weight:700;color:var(--clr-text)}
.categories__header p{color:var(--clr-text-light)}
.categories__link{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:700;color:var(--clr-primary);transition:color .2s}
.categories__link:hover{color:var(--clr-primary-hover)}
.categories__link svg{transition:transform .2s}
.categories__link:hover svg{transform:translateX(0.25rem)}
.categories__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}
.card{background:var(--clr-white);border:1px solid #e2e8f099;border-radius:var(--radius-2xl);padding:var(--space-10);transition:all .3s}
.card:hover{box-shadow:var(--shadow-xl),0 0 0 1px #e2e8f080}
.card__icon{width:var(--space-14);height:var(--space-14);background:var(--clr-blue-light);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--clr-primary);margin-bottom:var(--space-8);transition:all .3s}
.card:hover .card__icon{background:var(--clr-primary);color:var(--clr-white)}
.card h3{font-size:var(--fs-xl);font-weight:700;color:var(--clr-text);margin-bottom:var(--space-4)}
.card p{color:var(--clr-text-light);line-height:1.6;margin-bottom:var(--space-8)}
.card__link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-sm);font-weight:700;color:var(--clr-primary)}
.enterprise{margin-top:var(--space-20)}
.enterprise__card{background:var(--clr-dark-bg);border-radius:var(--radius-2xl);padding:var(--space-12);display:flex;flex-direction:column;gap:var(--space-12);color:var(--clr-white);position:relative;overflow:hidden}
.enterprise__content{position:relative;z-index:10;max-width:36rem}
.enterprise__badge{display:inline-block;color:var(--clr-primary);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-4)}
.enterprise__content h2{font-size:var(--fs-4xl);font-weight:700;margin-bottom:var(--space-6)}
.enterprise__content p{font-size:var(--fs-lg);color:var(--clr-text-lighter);margin-bottom:var(--space-8)}
.enterprise__image{position:relative;z-index:10}
.enterprise__image img{border-radius:var(--radius-xl);box-shadow:0 1.25rem 3.125rem #00000080;border:1px solid #ffffff1a}
.enterprise__blur{position:absolute;bottom:-5rem;right:-5rem;width:20rem;height:20rem;background:#135bec1a;border-radius:50%;filter:blur(3rem);pointer-events:none}
.footer{background:var(--clr-white);border-top:1px solid var(--clr-border-light);padding:var(--space-20) 0 var(--space-12)}
.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--space-12);margin-bottom:var(--space-20)}
.footer__brand{display:flex;flex-direction:column;gap:var(--space-6)}
.footer__logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xl);font-weight:700;text-transform:uppercase;color:var(--clr-text)}
.footer__logo span{color:var(--clr-primary)}
.footer__brand p{font-size:var(--fs-sm);color:var(--clr-text-light);line-height:1.6}
.footer__social{display:flex;gap:var(--space-3)}
.footer__social a{width:2.25rem;height:2.25rem;border-radius:var(--radius-lg);background:var(--clr-bg-main);display:flex;align-items:center;justify-content:center;color:var(--clr-text-lighter);transition:all .2s}
.footer__social a:hover{background:var(--clr-primary);color:var(--clr-white)}
.footer__column h4{font-weight:700;color:var(--clr-text);margin-bottom:var(--space-6)}
.footer__column ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-4)}
.footer__column a{font-size:var(--fs-sm);font-weight:400;color:var(--clr-text-light);transition:color .2s}
.footer__column a:hover{color:var(--clr-primary)}
.footer__bottom{border-top:1px solid var(--clr-border-light);padding-top:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--clr-text-lighter)}
.footer__bottom-links{display:flex;gap:var(--space-8)}
.footer__bottom a:hover{color:var(--clr-text-light)}
.section{padding:var(--space-16) 0}
.section--alt{background:var(--clr-bg-main)}
.section__header{text-align:center;margin-bottom:var(--space-12)}
.section__header h2{font-size:var(--fs-3xl);font-weight:700;color:var(--clr-text);margin-bottom:var(--space-3)}
.section__header p{color:var(--clr-text-light);font-size:var(--fs-lg)}
.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
.tool-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);background:var(--clr-white);border:1px solid var(--clr-border-light);border-radius:var(--radius);padding:var(--space-6);transition:all .2s;position:relative;text-decoration:none}
.tool-card:hover{border-color:var(--clr-border);box-shadow:var(--shadow-md)}
.tool-card__badge{position:absolute;top:var(--space-3);right:var(--space-3)}
.tool-card__icon{width:2.75rem;height:2.75rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--clr-text);flex-shrink:0}
.tool-card__icon svg{width:1.25rem;height:1.25rem}
.tool-card__name{font-size:var(--fs-lg);font-weight:700;color:var(--clr-text);line-height:1.3}
.tool-card__desc{font-size:var(--fs-sm);color:var(--clr-text-light);line-height:1.5}
.tool-card__arrow{width:1rem;height:1rem;color:var(--clr-text-lighter);margin-top:auto;transition:transform 0.2s,color .2s}
.tool-card:hover .tool-card__arrow{color:var(--clr-primary);transform:translateX(0.25rem)}
.badge{display:inline-block;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem var(--space-2);border-radius:var(--radius-pill)}
.badge--pink{background:#ec48991a;color:#ec4899}
.filter-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-10)}
.filter-tab{padding:var(--space-2) var(--space-5);border:1px solid var(--clr-border);border-radius:var(--radius-pill);background:var(--clr-white);font-size:var(--fs-sm);font-weight:400;color:var(--clr-text-light);cursor:pointer;transition:all .2s}
.filter-tab:hover{border-color:var(--clr-primary);color:var(--clr-primary)}
.filter-tab.active{background:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-white)}
.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
.feature{background:var(--clr-white);border:1px solid var(--clr-border-light);border-radius:var(--radius);padding:var(--space-8);text-align:center;transition:box-shadow .2s}
.feature:hover{box-shadow:var(--shadow-md)}
.feature__icon{width:3.5rem;height:3.5rem;background:var(--clr-blue-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--clr-primary);margin:0 auto var(--space-4)}
.feature h3{font-size:var(--fs-md);font-weight:700;color:var(--clr-text);margin-bottom:var(--space-2)}
.feature p{font-size:var(--fs-sm);color:var(--clr-text-light);line-height:1.5}
.steps{display:grid;grid-template-columns:1fr;gap:var(--space-8)}
.step{text-align:center;padding:var(--space-8)}
.step__num{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:var(--clr-primary);color:var(--clr-white);font-size:var(--fs-lg);font-weight:700;margin-bottom:var(--space-6)}
.step h3{font-size:var(--fs-xl);font-weight:700;color:var(--clr-text);margin-bottom:var(--space-3)}
.step p{font-size:var(--fs-base);color:var(--clr-text-light);line-height:1.6}
.cta{background:var(--clr-dark-bg);padding:var(--space-16) 0;text-align:center}
.cta h2{font-size:var(--fs-3xl);font-weight:700;color:var(--clr-white);margin-bottom:var(--space-4)}
.cta p{font-size:var(--fs-lg);color:var(--clr-text-lighter);margin-bottom:var(--space-8)}
.seo-content article{max-width:50rem;margin:0 auto}
.seo-content article h2{font-size:var(--fs-2xl);font-weight:700;color:var(--clr-text);margin-bottom:var(--space-4);margin-top:var(--space-10)}
.seo-content article h2:first-child{margin-top:0}
.seo-content article div{font-size:var(--fs-base);color:var(--clr-text-light);line-height:1.8;margin-bottom:var(--space-6)}
.seo-content article div p{margin-bottom:var(--space-4)}
.seo-content article div ul,.seo-content article div ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}
.seo-content article div li{margin-bottom:var(--space-2)}
.faq{display:grid;grid-template-columns:1fr;gap:var(--space-10)}
.faq__left h2{font-size:var(--fs-3xl);font-weight:700;color:var(--clr-text);margin-bottom:var(--space-3)}
.faq__left p{color:var(--clr-text-light);font-size:var(--fs-lg)}
.accordion{display:flex;flex-direction:column;gap:var(--space-3)}
.accordion-item{border:1px solid var(--clr-border-light);border-radius:var(--radius);background:var(--clr-white);overflow:hidden;transition:border-color .2s}
.accordion-item:hover{border-color:var(--clr-border)}
.accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-5) var(--space-6);background:none;border:none;text-align:left;cursor:pointer;gap:var(--space-4)}
.accordion-question{font-size:var(--fs-base);font-weight:700;color:var(--clr-text);line-height:1.4}
.accordion-icon{flex-shrink:0;color:var(--clr-text-lighter);transition:transform .3s;display:flex}
.accordion-item.open .accordion-icon{transform:rotate(45deg)}
.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}
.accordion-content-inner{padding:0 var(--space-6) var(--space-5)}
.accordion-content-inner p{font-size:var(--fs-sm);color:var(--clr-text-light);line-height:1.7}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.skip-link{position:absolute;top:-40px;left:0;background:var(--clr-primary);color:var(--clr-white);padding:var(--space-2) var(--space-4);text-decoration:none;font-weight:700;border-radius:0 0 var(--radius) 0;z-index:1000}
.skip-link:focus{top:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--clr-primary);outline-offset:2px}
.btn--primary:focus-visible{outline-color:var(--clr-dark-bg)}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--fs-sm);margin-bottom:var(--space-6)}
.breadcrumb a{color:var(--clr-text-light);transition:color .2s}
.breadcrumb a:hover{color:var(--clr-primary)}
.breadcrumb__separator{color:var(--clr-text-lighter)}
.tool-hero{background:var(--clr-white);padding:var(--space-12) 0 var(--space-16)}
.tool-hero .badge{margin-bottom:var(--space-4)}
.tool-hero h1{font-size:var(--fs-4xl);font-weight:700;line-height:1.15;color:var(--clr-text);margin-bottom:var(--space-4)}
.tool-hero > .container > p{font-size:var(--fs-lg);color:var(--clr-text-light);line-height:1.6;max-width:48rem}
.tool-hero__features{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}
.tool-hero__features span{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:700;color:var(--clr-primary)}
.tool-hero__features svg{flex-shrink:0}
.tool-hero__meta{font-size:var(--fs-sm);color:var(--clr-text-lighter);margin-top:var(--space-3)}
.tool-input{background:var(--clr-white);border:1px solid var(--clr-border);border-radius:var(--radius);padding:var(--space-8)}
.tool-input h3{font-size:var(--fs-lg);font-weight:700;color:var(--clr-text);margin-bottom:var(--space-4)}
.tool-input textarea{display:block;width:100%;min-height:12rem;padding:var(--space-4);border:1px solid var(--clr-border);border-radius:var(--radius);font-family:inherit;font-size:var(--fs-base);color:var(--clr-text);background:var(--clr-bg-main);resize:vertical;transition:border-color .2s}
.tool-input textarea:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 .1875rem #135bec26}
.tool-input__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);gap:var(--space-4)}
.tool-input__info{font-size:var(--fs-sm);color:var(--clr-text-lighter)}
.tool-input__results{padding:var(--space-4) 0;color:var(--clr-text-light);font-size:var(--fs-base)}
.tool-input__alt{text-align:center;margin-top:var(--space-8)}
.tool-input__alt p{color:var(--clr-text-light);font-size:var(--fs-sm);margin-bottom:var(--space-3)}
.feature--colored{border:none}
.feature--colored .feature__icon{background:#ffffffb3}
.error-page{text-align:center;padding:var(--space-20) 0 var(--space-16)}
.error-page__code{font-size:var(--fs-6xl);font-weight:700;color:var(--clr-primary);line-height:1;margin-bottom:var(--space-4)}
.error-page h1{font-size:var(--fs-3xl);font-weight:700;color:var(--clr-text);margin-bottom:var(--space-4)}
.error-page p{font-size:var(--fs-lg);color:var(--clr-text-light);max-width:32rem;margin:0 auto var(--space-8);line-height:1.6}
.static-page{max-width:50rem;margin:0 auto;padding:var(--space-12) 0 var(--space-20)}
.static-page h1{font-size:var(--fs-4xl);font-weight:700;color:var(--clr-text);margin-bottom:var(--space-8);line-height:1.15}
.static-page h2{font-size:var(--fs-2xl);font-weight:700;color:var(--clr-text);margin-top:var(--space-10);margin-bottom:var(--space-4)}
.static-page h3{font-size:var(--fs-xl);font-weight:700;color:var(--clr-text);margin-top:var(--space-8);margin-bottom:var(--space-3)}
.static-page p{font-size:var(--fs-base);color:var(--clr-text-light);line-height:1.8;margin-bottom:var(--space-4)}
.static-page ul,.static-page ol{margin-bottom:var(--space-4);padding-left:var(--space-6);color:var(--clr-text-light);line-height:1.8}
.static-page li{margin-bottom:var(--space-2)}
.static-page a{color:var(--clr-primary)}
.static-page a:hover{color:var(--clr-primary-hover)}
.card--sm{display:flex;align-items:center;justify-content:space-between;background:var(--clr-white);border:1px solid var(--clr-border-light);border-radius:var(--radius);padding:var(--space-5) var(--space-6);transition:all .2s}
.card--sm:hover{border-color:var(--clr-border);box-shadow:var(--shadow-md)}
.card--sm__name{font-size:var(--fs-base);font-weight:700;color:var(--clr-text)}
.card--sm__count{font-size:var(--fs-sm);color:var(--clr-text-lighter)}
.category-content{background:var(--clr-white)}
.category-content__intro{max-width:56rem;margin:0 auto var(--space-12);text-align:center}
.category-content__intro h2,.category-content__header h2,.category-content__faq h2{font-size:var(--fs-3xl);font-weight:700;color:var(--clr-text);line-height:1.2;margin-bottom:var(--space-4)}
.category-content__intro p{font-size:var(--fs-base);color:var(--clr-text-light);line-height:1.75;margin-bottom:var(--space-4)}
.category-content__workflows{margin-bottom:var(--space-14)}
.category-content__header{max-width:44rem;margin:0 auto var(--space-8);text-align:center}
.category-content__header p,.category-content__faq p{color:var(--clr-text-light);font-size:var(--fs-base);line-height:1.6}
.category-workflow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}
.category-workflow-card{display:flex;flex-direction:column;min-height:11rem;background:var(--clr-bg-main);border:1px solid var(--clr-border-light);border-radius:var(--radius);padding:var(--space-6);transition:all .2s}
.category-workflow-card:hover{background:var(--clr-white);border-color:var(--clr-border);box-shadow:var(--shadow-md)}
.category-workflow-card h3{font-size:var(--fs-base);font-weight:700;line-height:1.35;color:var(--clr-text);margin-bottom:var(--space-3)}
.category-workflow-card p{font-size:var(--fs-sm);color:var(--clr-text-light);line-height:1.6;margin-bottom:var(--space-5)}
.category-workflow-card span{margin-top:auto;font-size:var(--fs-sm);font-weight:700;color:var(--clr-primary)}
.category-content__faq{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:start}
.category-other{margin-top:var(--space-6);padding:var(--space-10) var(--space-6) var(--space-12)}
.category-other .section__header{margin-bottom:var(--space-8)}
.category-other .section__header h2{margin-bottom:0}
.category-other .categories__grid{gap:var(--space-5)}
.category-other .card--sm{min-height:4.5rem;padding:var(--space-5) var(--space-6)}
@media (min-width: 48rem) {
.hero h1{font-size:var(--fs-6xl)}
.tool-hero h1{font-size:var(--fs-5xl)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.tools-grid{grid-template-columns:repeat(3,1fr)}
.features-grid{grid-template-columns:repeat(3,1fr)}
.steps{grid-template-columns:repeat(3,1fr)}
.faq{grid-template-columns:1fr 2fr;align-items:start}
.categories__grid{grid-template-columns:repeat(2,1fr)}
.category-workflow-grid{grid-template-columns:repeat(4,1fr)}
.category-content__faq{grid-template-columns:1fr 2fr}
.categories__header{flex-direction:row;align-items:center;justify-content:space-between}
.enterprise__card{flex-direction:row;align-items:center;padding:var(--space-16)}
.footer__grid{grid-template-columns:repeat(2,1fr)}
.footer__bottom{flex-direction:row;justify-content:space-between}
.error-page__code{font-size:8rem}
}
@media (min-width: 64rem) {
.nav__links{display:flex}
.nav__toggle{display:none}
.categories__grid{grid-template-columns:repeat(3,1fr)}
.footer__grid{grid-template-columns:repeat(4,1fr)}
.category-other .categories__grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width: 63.99rem) {
.nav__cta{display:none}
}
@media (max-width: 47.99rem) {
.tools-grid{grid-template-columns:repeat(2,1fr)}
.features-grid{grid-template-columns:repeat(2,1fr)}
.section{padding:var(--space-10) 0}
.cta{padding:var(--space-10) 0}
.cta h2{font-size:var(--fs-2xl)}
.tool-hero{padding:var(--space-8) 0 var(--space-10)}
.tool-hero h1{font-size:var(--fs-3xl)}
.tool-input{padding:var(--space-5)}
.tool-input__footer{flex-direction:column;align-items:stretch}
.tool-input__footer .btn{text-align:center}
.error-page{padding:var(--space-12) 0 var(--space-10)}
.static-page{padding:var(--space-8) 0 var(--space-12)}
.category-other{padding:var(--space-8) var(--space-4)}
.category-other .section__header{margin-bottom:var(--space-6)}
}

/* Polished content and header refinements */
.nav__logo{font-size:1.35rem;letter-spacing:0;line-height:1}
.nav{border-bottom:0}
.mobile-nav{border-bottom:0}
.mobile-nav.active{top:4rem;max-height:calc(100vh - 4rem);overflow-y:auto;border-bottom:1px solid var(--clr-border-light);box-shadow:var(--shadow-lg)}
.nav__links a{white-space:nowrap}
.nav__cta{padding:.85rem 1.35rem;border-radius:.5rem;box-shadow:none;font-size:.8125rem;white-space:nowrap}
.nav__cta:hover{box-shadow:var(--shadow-sm)}
.cta--home{background:var(--clr-white);border-top:1px solid var(--clr-border-light);border-bottom:1px solid var(--clr-border-light);padding:var(--space-12) 0}
.cta--home h2{color:var(--clr-text)}
.cta--home p{color:var(--clr-text-light);margin-bottom:var(--space-6)}
.seo-content{background:var(--clr-white);padding:var(--space-14) 0}
.seo-content > .container,.seo-content article{max-width:58rem;margin-left:auto;margin-right:auto}
.seo-content h2,.seo-content article h2{font-size:1.875rem;font-weight:700;line-height:1.2;color:var(--clr-text);margin:var(--space-12) 0 var(--space-4);letter-spacing:0}
.seo-content h2:first-child,.seo-content article h2:first-child{margin-top:0}
.seo-content > .container > div,.seo-content article > div{font-size:1rem;color:var(--clr-text);line-height:1.78;margin-bottom:var(--space-8)}
.seo-content p,.seo-content article div p{margin:0 0 var(--space-4)}
.seo-content ul,.seo-content ol,.seo-content article div ul,.seo-content article div ol{margin:var(--space-3) 0 var(--space-5);padding-left:1.35rem;color:var(--clr-text);line-height:1.75}
.seo-content li,.seo-content article div li{padding-left:.25rem;margin-bottom:var(--space-2)}
.seo-content strong,.seo-content b{font-weight:700;color:var(--clr-text)}
@media (min-width: 64rem) {
.nav .container{height:4.5rem}
.nav__links{gap:var(--space-6)}
}
@media (max-width: 47.99rem) {
.boxed{overflow-x:hidden}
.container{padding-left:var(--space-4);padding-right:var(--space-4)}
.nav .container{gap:var(--space-3)}
.nav__actions{gap:var(--space-3)}
.nav__logo{font-size:1.1rem}
.lang-switcher__toggle{gap:var(--space-1);padding:var(--space-1)}
.tools-grid,.features-grid{grid-template-columns:1fr}
.tool-card{min-width:0}
.tool-card__name,.tool-card__desc{overflow-wrap:anywhere}
.category-content__intro,.category-content__header{text-align:left;margin-bottom:var(--space-8)}
.category-content__intro h2,.category-content__header h2,.category-content__faq h2{font-size:1.35rem}
.category-workflow-grid{grid-template-columns:1fr}
.category-workflow-card{min-height:auto}
.category-content__workflows{margin-bottom:var(--space-10)}
.seo-content{padding:var(--space-10) 0}
.seo-content > .container,.seo-content article{max-width:100%}
.seo-content h2,.seo-content article h2{font-size:1.35rem}
.footer__bottom-links{flex-wrap:wrap;justify-content:center;gap:var(--space-4)}
.category-other .card--sm{align-items:flex-start;gap:var(--space-1)}
}