@layer theme,base;@layer components{.bs .top-bar .icon img{width:100%;max-width:20px;margin-right:2px;line-height:0}.bs .top-bar .icon{line-height:0}.bs .tools-landing{background:linear-gradient(#fff,#e8f4fc);padding:60px 0 70px}.bs .landing-header{text-align:center;max-width:900px;margin:0 auto 60px}.bs .landing-header h1{letter-spacing:0;color:var(--heading-color);margin-bottom:20px;font-size:42px;font-weight:700;line-height:1.3}.bs .landing-header .highlight{color:#2563eb}.bs .landing-header p{color:#737491;max-width:700px;margin:0 auto;font-size:20px;line-height:1.6}.bs .tools-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1200px;margin:0 auto 60px;display:grid}.bs .tool-card{color:inherit;background:#fff;border:1px solid #e8e8e8;border-radius:12px;flex-direction:column;height:100%;padding:30px;text-decoration:none;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 12px #00000014}.bs .tool-card:after{content:"";opacity:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%232563eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 4H4v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5M9 15L20 4m-5 0h5v5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;transition:opacity .3s,transform .3s;position:absolute;top:20px;right:20px;transform:translateY(-5px)}.bs .tool-card:hover{color:inherit;border-color:#2563eb;text-decoration:none;transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.bs .tool-card:hover:after{opacity:1;transform:translateY(0)}.bs .tool-icon{margin-bottom:16px;font-size:48px;display:block}.bs .tool-card h3{color:var(--heading-color);margin-bottom:12px;font-size:22px;font-weight:700}.bs .tool-card p{color:#737491;flex:1;margin:0;font-size:15px;line-height:1.6}.bs .tool-features{border-top:1px solid #f1f5f9;margin-top:16px;padding-top:16px}.bs .tool-features-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.bs .tool-feature-tag{color:#2563eb;background:#eff6ff;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.bs .benefits-section{background-color:#f0f7ff;margin-top:60px;padding:60px 0}.bs .benefits-container{max-width:1000px;margin:0 auto}.bs .benefits-heading{text-align:center;margin-bottom:40px}.bs .benefits-heading h2{color:var(--heading-color);margin-bottom:10px;font-size:32px;font-weight:700}.bs .benefits-heading p{color:#737491;margin:0;font-size:16px}.bs .benefits-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bs .benefit-item{text-align:center;background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 8px #0000000d}.bs .benefit-icon{margin-bottom:12px;font-size:36px}.bs .benefit-item h3{color:var(--heading-color);margin-bottom:8px;font-size:18px;font-weight:600}.bs .benefit-item p{color:#737491;margin:0;font-size:14px;line-height:1.5}.bs .cta-section{text-align:center;color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);padding:60px 0}.bs .cta-container{max-width:800px;margin:0 auto}.bs .cta-section h2{color:#fff;margin-bottom:16px;font-size:36px;font-weight:700}.bs .cta-section p{opacity:.95;margin-bottom:30px;font-size:18px}.bs .cta-button{color:#2563eb;background:#fff;border-radius:8px;padding:16px 32px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.bs .cta-button:hover{color:#2563eb;background:#f8f9fa;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (width<=992px){.bs .tools-grid,.bs .benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.bs .landing-header h1{font-size:32px}.bs .landing-header p{font-size:18px}.bs .tools-grid{grid-template-columns:1fr;gap:20px}.bs .benefits-grid{grid-template-columns:1fr}.bs .cta-section h2{font-size:28px}.bs .cta-section p{font-size:16px}}}@layer utilities;