/* DMAS Tech — Tools page */
.tools-page{position:relative;padding:3.35rem 0 4.5rem;background:#fff;overflow:hidden}
.tools-container{position:relative;z-index:2;max-width:1120px}
.tools-decoration-dots{position:absolute;top:0;right:12%;width:250px;height:180px;opacity:.65;background-image:radial-gradient(rgba(91,77,255,.18) 1.15px,transparent 1.15px);background-size:11px 11px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none}
.tools-decoration-circle{position:absolute;top:35px;right:-80px;width:210px;height:210px;border-radius:50%;background:rgba(91,77,255,.06);pointer-events:none}
.tools-heading{max-width:900px;margin:0 auto 2.45rem;text-align:center}
.tools-heading h1{margin:0 0 1rem;color:var(--color-dark);font-size:2.5rem;font-weight:800;line-height:1.2}
.tools-heading h1 span{color:var(--color-primary)}
.tools-heading p{max-width:680px;margin:0 auto;color:var(--color-text-muted);font-size:.98rem;line-height:1.65}
.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.tool-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid rgba(91,77,255,.13);border-radius:1rem;overflow:hidden;box-shadow:0 8px 30px rgba(15,23,42,.045);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.tool-card:hover{transform:translateY(-6px);border-color:rgba(91,77,255,.38);box-shadow:0 22px 50px rgba(91,77,255,.13)}
.tool-visual{position:relative;height:255px;padding:1rem;background:linear-gradient(145deg,#fafaff 0%,#f4f1ff 100%);overflow:hidden}
.tool-window{width:100%;height:100%;background:#fff;border:1px solid #dfe3eb;border-radius:.75rem;box-shadow:0 12px 28px rgba(15,23,42,.10);overflow:hidden}
.tool-window-bar{height:30px;display:flex;align-items:center;gap:.45rem;padding:0 .6rem;background:#f8f9fb;border-bottom:1px solid #e8ebef}
.tool-dots{display:flex;gap:4px}.tool-dots i{width:7px;height:7px;border-radius:50%;display:block}.tool-dots i:nth-child(1){background:#ff5f57}.tool-dots i:nth-child(2){background:#ffbd2e}.tool-dots i:nth-child(3){background:#28c840}
.tool-url{flex:1;height:17px;padding:0 .5rem;border-radius:5px;background:#eceff3;color:#7b8492;font-size:.55rem;display:flex;align-items:center;white-space:nowrap;overflow:hidden}
.split-preview{height:calc(100% - 30px);padding:1rem;display:grid;grid-template-columns:1.2fr .8fr;gap:.75rem;background:linear-gradient(135deg,#fff 0%,#f8f7ff 100%)}
.preview-panel{border:1px solid #e8eaf0;border-radius:.65rem;padding:.7rem;background:#fff}.preview-title{font-size:.62rem;font-weight:800;color:#0f172a;margin-bottom:.55rem}.preview-row{height:12px;border-radius:4px;background:#eef0f4;margin-bottom:.45rem}.preview-row.short{width:62%}.preview-number{font-size:1.25rem;font-weight:850;color:#5B4DFF;margin:.15rem 0 .4rem}.preview-pill{display:inline-block;padding:.18rem .42rem;border-radius:999px;background:rgba(91,77,255,.08);color:#5B4DFF;font-size:.48rem;font-weight:800}
.tool-content{padding:1.1rem 1.2rem 1.2rem}.tool-category{display:inline-flex;align-items:center;margin-bottom:.5rem;padding:.24rem .58rem;border-radius:999px;background:var(--color-primary-light);border:1px solid rgba(91,77,255,.12);color:var(--color-primary);font-family:var(--font-mono);font-size:.52rem;line-height:1.1;font-weight:800;letter-spacing:.04em}.tool-content h2{margin:0 0 .38rem;color:var(--color-dark);font-size:1.22rem;line-height:1.2;font-weight:800;letter-spacing:-.02em}.tool-content p{min-height:3.05em;margin:0 0 .75rem;color:var(--color-text-muted);font-size:.76rem;line-height:1.55}.tool-link{display:inline-flex;align-items:center;gap:.3rem;color:var(--color-primary);font-size:.7rem;font-weight:750;transition:gap .2s ease}.tool-card:hover .tool-link{gap:.48rem}
.tool-card.coming-soon{background:linear-gradient(145deg,#fff,#faf9ff)}.tool-card.coming-soon .tool-visual{display:flex;align-items:center;justify-content:center}.coming-icon{width:68px;height:68px;border-radius:1rem;background:var(--color-primary-light);border:1px solid rgba(91,77,255,.15);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:1.7rem;font-weight:900;box-shadow:0 12px 30px rgba(91,77,255,.08)}
.tools-cta{margin-top:2rem;padding:1rem 1.15rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;border:1px solid #e2dcff;border-radius:.85rem;background:linear-gradient(100deg,#faf9ff,#f4f0ff)}
.tools-cta .cta-icon{width:45px;height:45px;border-radius:.65rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:1.1rem}.tools-cta .cta-copy small{color:var(--color-primary);font-size:.52rem;font-weight:800;letter-spacing:.05em}.tools-cta .cta-copy h2{margin:.08rem 0 .15rem;color:var(--color-dark);font-size:.98rem;line-height:1.2;font-weight:800}.tools-cta .cta-copy p{margin:0;color:var(--color-text-muted);font-size:.61rem;line-height:1.45}.tools-cta .cta-button{padding:.62rem .95rem;border-radius:.42rem;background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:700;white-space:nowrap;transition:background .2s ease,transform .2s ease}.tools-cta .cta-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}
@media(max-width:900px){.tools-grid{grid-template-columns:1fr}.tool-visual{height:285px}}
@media(max-width:560px){.tools-page{padding:2.35rem 0 3.25rem}.tools-container{padding-left:1rem;padding-right:1rem}.tools-heading{margin-bottom:1.7rem}.tools-heading h1{font-size:1.85rem}.tools-heading p{font-size:.78rem}.tool-visual{height:235px;padding:.7rem}.tool-content{padding:.9rem .95rem 1rem}.tool-content h2{font-size:1.08rem}.tool-content p{min-height:0;font-size:.72rem}.tools-cta{grid-template-columns:auto 1fr;gap:.7rem;padding:.85rem}.tools-cta .cta-button{grid-column:1/-1;text-align:center}}
@media(prefers-reduced-motion:reduce){.tool-card,.tool-link,.tools-cta .cta-button{transition:none!important}}