.free-tools-page{--free-tools-page-bg: #f3f4f6;--free-tools-card-bg: #ffffff;--tool-card-scale: .8}.free-tools-page{padding-top:calc(var(--nav-height) + 38px);background:var(--free-tools-page-bg);min-height:70vh}.free-tools-hero{padding:28px 0 10px}.free-tools-title{margin:0;font-size:clamp(2rem,4vw,2.8rem);color:#0f172a;letter-spacing:-.02em}.free-tools-grid-section{padding:18px 0 60px}.tools-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{background:var(--free-tools-card-bg);border:1px solid #e5e7eb;border-radius:calc(18px * var(--tool-card-scale));padding:calc(22px * var(--tool-card-scale));box-shadow:0 8px 26px #0f172a0f;min-height:calc(240px * var(--tool-card-scale))}.tool-card-link{display:block;position:relative;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,filter .18s ease}.tool-card-link.is-disabled{opacity:.82;filter:grayscale(.2);cursor:not-allowed}.tool-card-link.is-disabled:after{content:attr(data-coming-soon);position:absolute;left:50%;top:calc(-10px * var(--tool-card-scale));transform:translate(-50%,-2px);background:#111827;color:#fff;border-radius:999px;padding:calc(7px * var(--tool-card-scale)) calc(12px * var(--tool-card-scale));font-size:calc(.8rem * var(--tool-card-scale));font-weight:600;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 8px 20px #0f172a38;z-index:2}.tool-card-link.is-disabled:hover,.tool-card-link.is-disabled:focus-visible{opacity:.95;filter:grayscale(.08)}.tool-card-link.is-disabled:hover:after,.tool-card-link.is-disabled:focus-visible:after{opacity:1;transform:translate(-50%,-6px)}.tool-card-top{display:flex;gap:calc(14px * var(--tool-card-scale));align-items:center;margin-bottom:calc(16px * var(--tool-card-scale))}.tool-card-top>div{min-height:calc(44px * var(--tool-card-scale));display:flex;align-items:center}.tool-icon{width:calc(44px * var(--tool-card-scale));height:calc(44px * var(--tool-card-scale));border-radius:calc(12px * var(--tool-card-scale));display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.tool-icon svg{width:calc(24px * var(--tool-card-scale));height:calc(24px * var(--tool-card-scale))}.tool-title{margin:0;font-size:calc(1.35rem * var(--tool-card-scale));line-height:1.15;color:#0f172a}.tool-body{color:#1f2937;font-size:calc(1.04rem * var(--tool-card-scale));line-height:1.55;text-wrap:pretty}.tool-copy>*+*{margin-top:calc(14px * var(--tool-card-scale))}.card-gold .tool-icon{background:#fff7dd;color:#ca8a04}.card-green .tool-icon{background:#ecfdf5;color:#16a34a}.card-blue .tool-icon{background:#eff6ff;color:#2563eb}.card-violet .tool-icon{background:#f5f3ff;color:#6d28d9}.card-rose .tool-icon{background:#fff1f2;color:#e11d48}@media(max-width:900px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.free-tools-page{padding-top:95px}.free-tools-grid-section{padding-bottom:40px}.tool-card{min-height:0}}@media(max-width:560px){.tools-grid{grid-template-columns:1fr}.tool-card-link.is-disabled:after{top:calc(-8px * var(--tool-card-scale));font-size:calc(.76rem * var(--tool-card-scale));padding:calc(7px * var(--tool-card-scale)) calc(10px * var(--tool-card-scale))}}