.tools-magazine{display:grid;grid-template-columns:1fr;gap:18px;max-width:1100px;margin:0 auto}@media(min-width:800px){.tools-magazine{grid-template-columns:1fr 1fr;gap:22px}}.tool-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:22px 24px;background:var(--color-section);border:1px solid var(--color-border);border-radius:12px;text-decoration:none;overflow:hidden;transition:transform .2s ease,border-color .2s ease,background-color .2s ease;isolation:isolate;min-height:160px}.tool-tile:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-orange);opacity:0;transition:opacity .25s ease}.tool-tile:hover{transform:translateY(-2px);border-color:#e6561659;background:color-mix(in srgb,var(--color-section) 96%,var(--color-orange) 2%)}.tool-tile:hover:before{opacity:1}.tool-tile-bignum{position:absolute;bottom:-14px;right:-4px;font-family:var(--font-heading);font-weight:900;font-size:clamp(4.5rem,8vw,6rem);line-height:.85;letter-spacing:-.04em;color:#ffffff07;pointer-events:none;user-select:none;transition:color .3s ease;z-index:0}.tool-tile:hover .tool-tile-bignum{color:#ffffff0d}.tool-tile-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:7px}.tool-tile-tag{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-grey-light);padding:0}.tool-tile-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:#ffffff47;flex:0 0 auto}.tool-tile-title{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.125rem,1.8vw,1.375rem);line-height:1.15;letter-spacing:-.015em;color:var(--color-white);margin:0}.tool-tile-text{color:var(--color-grey-light);font-size:13px;line-height:1.5;margin:0;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-tile-cta{display:inline-flex;align-items:center;gap:6px;color:var(--color-orange);font-family:var(--font-heading);font-weight:600;font-size:13px;letter-spacing:.01em;text-transform:none;margin-top:2px}.tool-tile-arrow{transition:transform .25s ease;display:inline-block}.tool-tile:hover .tool-tile-arrow{transform:translate(4px)}.accent{position:absolute;pointer-events:none;z-index:1}.accent-quiz{top:20px;right:22px;display:grid;grid-template-columns:repeat(3,8px);gap:6px;opacity:.5}.accent-quiz .dot{width:8px;height:8px;border-radius:50%}.accent-quiz .dot--good{background:#fff3}.accent-quiz .dot--neutral{background:#ffffff21}.accent-quiz .dot--bad{background:#ffffff45}.accent-hash{top:18px;right:0;width:55%;max-width:280px;opacity:.12;mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 80%,transparent 100%);transition:opacity .3s ease}.accent-hash code{display:block;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px;color:var(--color-white);letter-spacing:.04em;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-tile:hover .accent-hash{opacity:.2}.accent-dots{top:20px;right:22px}.accent-dots .ring{position:relative;width:56px;height:56px}.accent-dots .ring svg{display:block;width:56px;height:56px}.accent-dots .ring-pct{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-heading);font-weight:800;font-size:15px;color:#ffffff80;letter-spacing:-.02em}.accent-dots .ring-pct:after{content:"%";font-size:9px;color:#fff6;margin-left:1px;vertical-align:super}.accent-qr{top:20px;right:22px;color:#ffffff2e;transition:color .3s ease}.accent-qr svg{display:block}.tool-tile:hover .accent-qr{color:#ffffff52}.accent-cam{top:20px;right:22px;color:#ffffff2e;transition:color .3s ease}.accent-cam svg{display:block}.tool-tile:hover .accent-cam{color:#ffffff52}.accent-mail{top:20px;right:22px;color:#ffffff2e;transition:color .3s ease}.accent-mail svg{display:block}.tool-tile:hover .accent-mail{color:#ffffff52}.accent-cart{top:20px;right:22px;color:#ffffff2e;transition:color .3s ease}.accent-cart svg{display:block}.tool-tile:hover .accent-cart{color:#ffffff52}.accent-key{top:20px;right:0;width:50%;max-width:260px;opacity:.14;mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 80%,transparent 100%);transition:opacity .3s ease}.accent-key .key-pwd{display:block;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;color:var(--color-white);letter-spacing:.04em;line-height:1.7;white-space:nowrap}.tool-tile:hover .accent-key{opacity:.22}.accent-speed{top:22px;right:24px;width:130px;display:flex;flex-direction:column;gap:6px}.accent-speed .speed-row{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center}.accent-speed .speed-label{font-family:SF Mono,Monaco,Consolas,monospace;font-size:9px;letter-spacing:.08em;color:#ffffff59}.accent-speed .speed-bar{height:4px;background:#ffffff0d;border-radius:999px;overflow:hidden}.accent-speed .speed-fill{display:block;height:100%;background:#ffffff38;border-radius:999px;transition:width .5s ease}@media(max-width:800px){.tools-magazine{gap:12px}.tool-tile{padding:20px 22px;min-height:150px;gap:12px}.tool-tile-bignum{font-size:4.5rem;bottom:-10px;right:-2px}.tool-tile-title{font-size:1.125rem}.accent-quiz{top:16px;right:18px;grid-template-columns:repeat(3,7px);gap:5px}.accent-quiz .dot{width:7px;height:7px}.accent-dots{top:14px;right:18px}.accent-dots .ring{width:42px;height:42px}.accent-dots .ring svg{width:42px;height:42px}.accent-dots .ring-pct{font-size:12px}.accent-speed{width:90px;top:16px;right:18px}.accent-speed .speed-row{grid-template-columns:22px 1fr;gap:6px}.accent-speed .speed-label{font-size:8px}.accent-speed .speed-bar{height:3px}.accent-hash{width:50%;top:12px}.accent-hash code{font-size:9px}}@media(max-width:500px){.tool-tile{padding:18px 20px;min-height:140px}.tool-tile-text{font-size:12.5px}.tool-tile-tag{font-size:10px}}.tool-intern-tile{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center;padding:20px 26px;background:#ffffff04;border:1px dashed rgba(255,255,255,.18);border-radius:14px;text-decoration:none;max-width:1200px;margin:0 auto;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.tool-intern-tile:hover{border-color:#e6561666;background:#e6561608;transform:translate(2px)}.tool-intern-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff0a;color:var(--color-grey-light);flex-shrink:0}.tool-intern-tile:hover .tool-intern-icon{color:var(--color-orange);background:#e6561614}.tool-intern-body{display:flex;flex-direction:column;gap:4px;min-width:0}.tool-intern-tag{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-grey)}.tool-intern-title{font-family:var(--font-heading);font-weight:800;font-size:1.125rem;line-height:1.2;color:var(--color-white);margin:0}.tool-intern-text{font-size:13.5px;color:var(--color-grey-light);line-height:1.5;margin:0}.tool-intern-cta{display:inline-flex;align-items:center;gap:6px;color:var(--color-orange);font-family:var(--font-heading);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}@media(max-width:700px){.tool-intern-tile{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:16px;padding:18px 20px}.tool-intern-cta{grid-column:1 / -1;justify-self:end}}