.design-tools-wrapper{background-color:#000;color:#fff;padding:0 1.5rem 5rem;width:100%;max-width:1240px;margin:0 auto;box-sizing:border-box}@media (min-width: 768px){.design-tools-wrapper{padding:0 2rem 6rem}}.design-tools-wrapper .dt-intro-wrap{width:100%;max-width:1200px;margin:1.5rem auto 2.5rem;text-align:left!important}.design-tools-wrapper .dt-intro-wrap .dt-intro-text{font-family:Poppins,sans-serif;font-size:1.02rem;line-height:1.85;color:#ffffffe6;font-weight:300;margin:0;text-align:left!important;text-justify:auto!important}@media (min-width: 768px){.design-tools-wrapper .dt-intro-wrap .dt-intro-text{font-size:1.12rem;line-height:1.9}}.design-tools-wrapper .dt-container{display:flex;flex-direction:column;gap:3rem;max-width:1200px;margin:0 auto;width:100%}.design-tools-wrapper .dt-section-block{display:flex;flex-direction:column;gap:1rem;text-align:left!important}.design-tools-wrapper .dt-section-block .dt-section-header{display:flex;flex-direction:column;gap:.35rem}.design-tools-wrapper .dt-section-block .dt-section-header .dt-section-tag{font-family:Archivo,Poppins,sans-serif;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff73;font-weight:600}.design-tools-wrapper .dt-section-block .dt-section-header .dt-section-title{font-family:Archivo,Poppins,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:.04em;color:#fff;margin:0}@media (min-width: 768px){.design-tools-wrapper .dt-section-block .dt-section-header .dt-section-title{font-size:1.6rem}}.design-tools-wrapper .dt-section-block .dt-paragraph{font-family:Poppins,sans-serif;font-size:.95rem;line-height:1.8;color:#ffffffd1;font-weight:300;margin:0;text-align:left!important;text-justify:auto!important}@media (min-width: 768px){.design-tools-wrapper .dt-section-block .dt-paragraph{font-size:1rem;line-height:1.85}}.design-tools-wrapper .dt-logos-container{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:1rem}.design-tools-wrapper .dt-logos-container .dt-logo-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%}@media (min-width: 768px){.design-tools-wrapper .dt-logos-container .dt-logo-row{gap:18px}}.design-tools-wrapper .dt-logos-container .dt-logo-card{background-color:#fff;border-radius:10px;padding:8px 18px;height:48px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:transform .25s ease,box-shadow .25s ease}@media (min-width: 768px){.design-tools-wrapper .dt-logos-container .dt-logo-card{height:54px;padding:10px 22px}}.design-tools-wrapper .dt-logos-container .dt-logo-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ffffff38}.design-tools-wrapper .dt-logos-container .dt-logo-card .dt-logo{height:100%;width:auto;object-fit:contain;max-width:120px}@media (min-width: 768px){.design-tools-wrapper .dt-logos-container .dt-logo-card .dt-logo{max-width:140px}}.design-tools-wrapper .dt-screenshots-wrap{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}@media (min-width: 768px){.design-tools-wrapper .dt-screenshots-wrap{grid-template-columns:repeat(2,1fr);gap:2rem}}.design-tools-wrapper .dt-screenshots-wrap .dt-screenshot-card{background:#ffffff05;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s ease}.design-tools-wrapper .dt-screenshots-wrap .dt-screenshot-card:hover{border-color:#ffffff47;transform:translateY(-2px)}.design-tools-wrapper .dt-screenshots-wrap .dt-screenshot-card .dt-screenshot{width:100%;height:auto;display:block;object-fit:cover}.design-tools-wrapper .dt-screenshots-wrap .dt-screenshot-card .dt-screen-caption{padding:12px 16px;font-family:Poppins,sans-serif;font-size:.8rem;color:#ffffff8c;text-align:center;background:#0006;border-top:1px solid rgba(255,255,255,.06)}.design-tools-wrapper .dt-compliance-card{position:relative;background:linear-gradient(180deg,#ffffff0b,#ffffff03);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:2.25rem 1.75rem;text-align:center;box-sizing:border-box;overflow:hidden}@media (min-width: 768px){.design-tools-wrapper .dt-compliance-card{padding:3rem 2.5rem}}.design-tools-wrapper .dt-compliance-card .dt-compliance-glow-line{position:absolute;top:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent)}.design-tools-wrapper .dt-compliance-card .dt-compliance-badge{display:inline-flex;margin-bottom:1rem}.design-tools-wrapper .dt-compliance-card .dt-compliance-badge span{font-family:Archivo,Poppins,sans-serif;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffffbf;background:#ffffff14;border:1px solid rgba(255,255,255,.16);padding:4px 12px;border-radius:20px;font-weight:600}.design-tools-wrapper .dt-compliance-card .dt-compliance-heading{font-family:Archivo,Poppins,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:.05em;margin:0 0 1rem}@media (min-width: 768px){.design-tools-wrapper .dt-compliance-card .dt-compliance-heading{font-size:1.45rem}}.design-tools-wrapper .dt-compliance-card .dt-compliance-text{font-family:Poppins,sans-serif;font-size:.95rem;line-height:1.85;color:#ffffffd9;font-weight:300;margin:0 auto;max-width:860px}@media (min-width: 768px){.design-tools-wrapper .dt-compliance-card .dt-compliance-text{font-size:1.05rem}}
