.uf-tools-hub{--uf-th-accent: var(--uf-color-accent);--uf-th-accent-dark: var(--uf-color-accent-dark, var(--uf-color-accent));--uf-th-link: var(--uf-color-link, var(--uf-color-sage, var(--uf-color-accent)));--uf-th-text: var(--uf-color-text-strong, var(--uf-color-text));--uf-th-muted: var(--uf-color-muted);--uf-th-border: var(--uf-color-border, rgba(82, 61, 42, .14));--uf-th-surface: var(--uf-color-surface, #fff);--uf-th-neutral: var(--uf-color-neutral-bg, #eef2f6);--uf-th-shadow: var(--uf-shadow-soft, 0 4px 18px rgba(82, 61, 42, .06));--uf-th-radius: 16px;--uf-th-fs-h1: clamp(30px, 3.2vw, 40px);--uf-th-fs-h2: clamp(22px, 2vw, 28px);--uf-th-fs-lead: clamp(16px, 1.1vw, 18px);--uf-th-fs-body: clamp(16px, 1.05vw, 17px);--uf-th-fs-body-sm: clamp(16px, 1.05vw, 17px);--uf-th-fs-caption: 13px;--uf-th-fs-fine: var(--uf-type-xs);--uf-th-fs-badge: var(--uf-type-xs);--uf-th-fs-btn: var(--uf-type-btn);width:100%;padding-bottom:clamp(48px,6vw,80px);background:var(--uf-color-catalog-bg, var(--uf-color-page-bg))}.uf-tools-hub__container{max-width:1120px}.uf-tools-hub__inner{max-width:none;margin:0;padding:0}.uf-tools-hub__hero{position:relative;max-width:none;margin:0 0 clamp(32px,5vw,48px);padding:clamp(24px,3vw,32px) clamp(22px,3vw,36px);text-align:left;background:var(--uf-th-surface);border:1px solid var(--uf-th-border);border-radius:var(--uf-th-radius);box-shadow:var(--uf-th-shadow);overflow:hidden}.uf-tools-hub__hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--uf-th-accent);opacity:.85}.uf-tools-hub__hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,28px);align-items:stretch}.uf-tools-hub__hero-grid--solo{grid-template-columns:1fr}.uf-tools-hub__hero-content{display:flex;flex-direction:column;min-width:0}.uf-tools-hub__hero-media{margin:0;display:flex;flex-direction:column;min-height:100%;border-radius:12px;overflow:hidden;background:var(--uf-th-neutral);border:1px solid var(--uf-th-border)}.uf-tools-hub__hero-media-img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover;aspect-ratio:4 / 3}.uf-tools-hub__hero-top{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.15rem}.uf-tools-hub__hero-icon{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:12px;background:var(--uf-th-neutral);color:var(--uf-th-accent);display:flex;align-items:center;justify-content:center}.uf-tools-hub__hero-icon svg{width:1.35rem;height:1.35rem;display:block}.uf-tools-hub__hero-intro{min-width:0;flex:1}.uf-tools-hub__eyebrow{margin:0 0 .4rem;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--uf-th-link)}.uf-tools-hub__h1{margin:0;padding-bottom:.65rem;font-size:var(--uf-th-fs-h1);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--uf-th-text);border-bottom:3px solid var(--uf-th-accent);display:inline-block;max-width:100%}.uf-tools-hub__lead{margin:0 0 1.35rem;max-width:none;font-size:var(--uf-th-fs-lead);line-height:1.65;color:var(--uf-th-muted);flex:1 1 auto}.uf-tools-hub__lead p{margin:0 0 .85rem}.uf-tools-hub__lead p:last-child{margin-bottom:0}.uf-tools-hub__lead strong{color:var(--uf-th-text);font-weight:700}.uf-tools-hub__hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.uf-tools-hub__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1.35rem;border-radius:10px;font-size:var(--uf-th-fs-btn);font-weight:700;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.uf-tools-hub__btn--primary{background:var(--uf-th-accent);color:#fff;-webkit-text-fill-color:#fff;border:1px solid var(--uf-th-accent);box-shadow:0 4px 14px #523d2a1f}.uf-tools-hub__btn--primary:hover,.uf-tools-hub__btn--primary:focus-visible{background:var(--uf-th-accent-dark);color:#fff;-webkit-text-fill-color:#fff;border-color:var(--uf-th-accent-dark);transform:translateY(-1px)}.uf-tools-hub__btn--ghost{background:var(--uf-th-surface);color:var(--uf-th-accent);-webkit-text-fill-color:var(--uf-th-accent);border:1px solid var(--uf-th-border);box-shadow:none}.uf-tools-hub__btn--ghost:hover,.uf-tools-hub__btn--ghost:focus-visible{background:var(--uf-th-neutral);color:var(--uf-th-accent-dark);-webkit-text-fill-color:var(--uf-th-accent-dark);border-color:#523d2a38;transform:translateY(-1px)}.uf-tools-hub__section{margin-bottom:clamp(2.25rem,5vw,3.25rem);padding-bottom:clamp(1.5rem,3vw,2rem);border-bottom:1px solid var(--uf-th-border);scroll-margin-top:calc(var(--uf-header-offset, 72px) + 16px)}.uf-tools-hub__section:last-of-type{border-bottom:0;padding-bottom:0}.uf-tools-hub__h2{margin:0 0 .75rem;padding-bottom:.65rem;font-size:var(--uf-th-fs-h2);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--uf-th-text);border-bottom:3px solid var(--uf-th-accent);display:inline-block;max-width:100%}.uf-tools-hub__section-lead{display:block;width:100%;max-width:none!important;margin:0 0 1.35rem;font-size:var(--uf-th-fs-body);line-height:1.65;color:var(--uf-th-muted)}.uf-tools-hub__grid{display:grid;gap:1rem}.uf-tools-hub__grid--3{grid-template-columns:1fr}@media screen and (min-width:640px){.uf-tools-hub__grid--3{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:960px){.uf-tools-hub__grid--3{grid-template-columns:repeat(3,1fr)}}.uf-tools-hub__card{position:relative;display:flex;flex-direction:column;height:100%;padding:1.25rem 1.3rem 1.2rem;background:var(--uf-th-surface);border:1px solid var(--uf-th-border);border-radius:var(--uf-th-radius);box-shadow:var(--uf-th-shadow);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.uf-tools-hub__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--uf-th-accent);opacity:.85}.uf-tools-hub__card:hover{border-color:#523d2a38;box-shadow:0 10px 28px #523d2a1a;transform:translateY(-2px)}.uf-tools-hub__card--master{border-color:#523d2a2e;background:var(--uf-color-catalog-bg, var(--uf-color-page-bg))}.uf-tools-hub__card--master:before{height:4px;background:linear-gradient(90deg,var(--uf-th-accent),var(--uf-th-link))}.uf-tools-hub__card-icon{width:2.75rem;height:2.75rem;margin-bottom:.85rem;border-radius:12px;background:var(--uf-th-neutral);color:var(--uf-th-accent);display:flex;align-items:center;justify-content:center;line-height:1}.uf-tools-hub__card-icon svg{width:1.35rem;height:1.35rem;display:block;flex-shrink:0}.uf-tools-hub__card-title{margin:0 0 .5rem;font-size:15px;font-weight:700;line-height:1.35;color:var(--uf-th-text)}.uf-tools-hub__card-text{margin:0 0 1rem;flex:1;font-size:var(--uf-th-fs-body);line-height:1.65;color:var(--uf-th-muted)}.uf-tools-hub__card-meta{margin:0 0 .85rem;font-size:var(--uf-th-fs-fine);font-weight:600;color:var(--uf-th-link)}.uf-tools-hub__card-link{align-self:flex-start;min-height:44px;padding:.5rem 1.05rem;border-radius:8px;background:var(--uf-th-accent);border:1px solid var(--uf-th-accent);color:#fff!important;-webkit-text-fill-color:#fff;font-size:var(--uf-th-fs-caption);font-weight:700;text-decoration:none;transition:background .15s ease,border-color .15s ease}.uf-tools-hub__card-link:hover,.uf-tools-hub__card-link:focus-visible{background:var(--uf-th-accent-dark);border-color:var(--uf-th-accent-dark);color:#fff!important;-webkit-text-fill-color:#fff}.uf-tools-hub__calc-layout{display:grid;gap:1rem}@media screen and (min-width:900px){.uf-tools-hub__calc-layout{grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr);align-items:start}}.uf-tools-hub__calc-list{display:grid;gap:.65rem}.uf-tools-hub__calc-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.05rem;background:var(--uf-th-surface);border:1px solid var(--uf-th-border);border-radius:12px;text-decoration:none;color:inherit;box-shadow:var(--uf-th-shadow);transition:border-color .15s ease,background .15s ease,transform .15s ease}.uf-tools-hub__calc-item:hover,.uf-tools-hub__calc-item:focus-visible{border-color:#523d2a38;background:var(--uf-th-neutral);transform:translate(2px)}.uf-tools-hub__calc-item strong{display:block;font-size:var(--uf-th-fs-body-sm);color:var(--uf-th-text)}.uf-tools-hub__calc-item span{font-size:var(--uf-th-fs-caption);color:var(--uf-th-muted)}.uf-tools-hub__calc-item-arrow{flex-shrink:0;color:var(--uf-th-link);display:flex;align-items:center;justify-content:center}.uf-tools-hub__calc-item-arrow svg{width:1.125rem;height:1.125rem;display:block}.uf-tools-hub__table-wrap{overflow-x:auto;margin:1rem 0 0;border:1px solid var(--uf-th-border);border-radius:var(--uf-th-radius);background:var(--uf-th-surface);box-shadow:var(--uf-th-shadow)}.uf-tools-hub__table{width:100%;min-width:520px;border-collapse:collapse;font-size:var(--uf-th-fs-body-sm);table-layout:fixed}.uf-tools-hub__table th,.uf-tools-hub__table td{padding:.85rem 1rem;border-bottom:1px solid var(--uf-th-border);text-align:left;vertical-align:top}.uf-tools-hub__table thead th{background:var(--uf-th-neutral);font-weight:700;color:var(--uf-th-text)}.uf-tools-hub__table thead th:nth-child(1){width:20%}.uf-tools-hub__table thead th:nth-child(2),.uf-tools-hub__table td:nth-child(2){width:40%}.uf-tools-hub__table thead th:nth-child(3),.uf-tools-hub__table td:last-child{width:40%}.uf-tools-hub__table tbody th{background:#523d2a0a;font-weight:700;color:var(--uf-th-text);width:20%}.uf-tools-hub__table td{color:var(--uf-th-muted)}.uf-tools-hub__table tr:last-child th,.uf-tools-hub__table tr:last-child td{border-bottom:none}.uf-tools-hub__cta-grid{display:grid;gap:1rem}@media screen and (min-width:700px){.uf-tools-hub__cta-grid{grid-template-columns:repeat(3,1fr)}}.uf-tools-hub__cta-card{display:flex;flex-direction:column;align-items:center;padding:1.35rem 1.25rem 1.25rem;background:var(--uf-th-surface);border:1px solid var(--uf-th-border);border-radius:var(--uf-th-radius);text-align:center;box-shadow:var(--uf-th-shadow)}.uf-tools-hub__cta-card h3{margin:0 0 .5rem;font-size:15px;font-weight:700;line-height:1.35;color:var(--uf-th-text)}.uf-tools-hub__cta-card p{margin:0 0 1rem;flex:1;font-size:var(--uf-th-fs-body);line-height:1.65;color:var(--uf-th-muted)}.uf-tools-hub__cta-card .uf-tools-hub__btn{margin-top:auto;width:100%;max-width:100%}.uf-tools-hub__cta-badge{display:inline-block;margin-bottom:.55rem;padding:.25rem .6rem;border-radius:999px;background:var(--uf-th-neutral);font-size:var(--uf-th-fs-badge);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--uf-th-accent)}.uf-tools-hub__prose{max-width:52rem;margin-top:1.5rem;padding:1.25rem 1.35rem;border-radius:var(--uf-th-radius);background:var(--uf-th-surface);border:1px solid var(--uf-th-border);font-size:var(--uf-th-fs-body);line-height:1.65;color:var(--uf-th-muted)}.uf-tools-hub__prose p{margin:0 0 .85rem}.uf-tools-hub__steps{margin:1rem 0 0;padding:0;list-style:none;counter-reset:uf-th-step;display:grid;gap:.85rem}@media screen and (min-width:768px){.uf-tools-hub__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.uf-tools-hub__steps li{position:relative;margin:0;padding:1.1rem 1.1rem 1.1rem 3.25rem;counter-increment:uf-th-step;font-size:var(--uf-th-fs-body-sm);line-height:1.6;background:var(--uf-th-surface);border:1px solid var(--uf-th-border);border-radius:14px;box-shadow:var(--uf-th-shadow)}.uf-tools-hub__steps li:before{content:counter(uf-th-step);position:absolute;left:1rem;top:1.05rem;width:2rem;height:2rem;border-radius:50%;background:var(--uf-th-accent);color:#fff;font-size:var(--uf-th-fs-caption);font-weight:700;line-height:2rem;text-align:center}.uf-tools-hub__steps strong{display:block;margin-bottom:.3rem;color:var(--uf-th-text)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width:900px){.uf-tools-hub__hero-grid{grid-template-columns:1fr}.uf-tools-hub__hero-media{order:-1}}@media screen and (max-width:560px){.uf-tools-hub__hero{padding:20px 18px}.uf-tools-hub__hero-actions{flex-direction:column;align-items:stretch}.uf-tools-hub__hero-actions .uf-tools-hub__btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/uf-tools-hub.css.map */