.tools-page{background-color:var(--background);color:var(--text-primary);min-height:100vh;font-family:var(--font-inter), sans-serif;overflow:hidden}.tools-hero{text-align:center;z-index:1;background-image:linear-gradient(to bottom, #15130fb3 0%, #15130fd9 70%, var(--background) 100%), url(/studio-bg.webp);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:420px;padding:120px 24px 40px;display:flex;position:relative}.tools-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#ff6a0026 0%,#0000 60%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tools-hero h1{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;max-width:800px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.1}.tools-hero h1 span{background:linear-gradient(135deg, #fff, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tools-hero p{font-size:var(--text-body);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.tools-section{z-index:2;margin-bottom:100px;position:relative}.tools-section:first-of-type{margin-top:-24px}.section-header{align-items:center;gap:16px;margin-bottom:48px;display:flex}.section-header .dot{background-color:var(--accent);width:10px;height:10px;box-shadow:0 0 12px var(--accent);border-radius:50%}.section-header h2{font-family:var(--font-display), sans-serif;font-size:var(--text-h2);letter-spacing:-.02em;font-weight:700}.tools-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1200px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tools-grid{grid-template-columns:1fr}}.tool-card-ui{background:var(--surface);border:1px solid #ff6a001a;border-radius:20px;flex-direction:column;gap:16px;padding:20px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.tool-card-ui:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ff6a0080,#0000);height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.tool-card-ui:hover{border-color:#ff6a004d;transform:translateY(-8px);box-shadow:0 20px 40px #ff6a0014,inset 0 0 20px #ff6a000a}.tool-card-ui:hover:before{opacity:1}.tool-card-header{align-items:center;gap:14px;display:flex}.tool-icon-wrapper{width:44px;height:44px;color:var(--accent);background:#ff6a000d;border:1px solid #ff6a0026;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .4s;display:flex}.tool-card-ui:hover .tool-icon-wrapper{background:#ff6a001a;border-color:#ff6a004d;transform:scale(1.05)}.tool-card-header h3{font-family:var(--font-display), sans-serif;font-size:var(--text-h3);color:var(--text-primary);letter-spacing:-.01em;font-weight:700}.tool-description{color:var(--text-secondary);flex:1;font-size:13.5px;line-height:1.5}.tool-btn{color:var(--text-primary);font-family:var(--font-display), sans-serif;background:0 0;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;margin-top:4px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.tool-card-ui:hover .tool-btn{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 20px #ff6a004d}.tool-cta-wrapper{border-top:1px solid #ffffff0d;margin-top:24px;padding-top:24px}