.tools-index-page{overflow:hidden;background:#fff}.tools-index-page a,.tools-index-page a:hover,.tools-index-page a:focus,.tools-index-page a *{text-decoration:none!important}.tools-index-hero{position:relative;padding:88px 20px 105px;color:#fff;background:radial-gradient(circle at 14% 8%,rgba(56,189,248,.42),transparent 27%),radial-gradient(circle at 94% 82%,rgba(59,130,246,.42),transparent 31%),linear-gradient(135deg,#071a3a 0%,#073b78 48%,#075fc2 100%)}.tools-index-hero:after{content:"";position:absolute;inset:auto -5% -1px;height:70px;background:#fff;clip-path:polygon(0 72%,100% 0,100% 100%,0 100%)}.tools-index-hero .container{position:relative;z-index:2}.tools-index-hero h1{max-width:680px;margin:18px 0;font-size:clamp(2.5rem,5.4vw,4.65rem);line-height:1.04;font-weight:850;letter-spacing:-.045em}.tools-index-hero .hero-lead{max-width:620px;color:#dbeafe;font-size:1.13rem;line-height:1.72}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.hero-actions .btn{padding:.85rem 1.25rem;color:#0755a5;font-weight:750;box-shadow:0 10px 30px rgba(0,0,0,.15)}.hero-secondary{color:#fff;font-weight:700}.hero-secondary:hover{color:#dff3ff}.hero-secondary i{margin-right:6px}.tools-index-hero .tools-trust{justify-content:flex-start;margin-top:29px;color:#dbeafe;gap:18px}.tools-index-hero .tools-trust span{font-size:.84rem}.tools-index-hero .tools-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(6px)}
.hero-product{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:20px;background:#fff;box-shadow:0 34px 80px rgba(0,11,37,.42);transform:rotate(1.2deg)}.hero-window-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#f5f8fc;border-bottom:1px solid #e2e8f0}.hero-window-bar span{width:9px;height:9px;border-radius:50%;background:#cbd5e1}.hero-window-bar span:first-child{background:#fb7185}.hero-window-bar span:nth-child(2){background:#fbbf24}.hero-window-bar span:nth-child(3){background:#4ade80}.hero-window-bar b{margin-left:9px;color:#64748b;font-size:.7rem;font-weight:600}.hero-product-body{display:grid;grid-template-columns:52px 1fr;min-height:365px;color:#334155}.hero-side{display:flex;flex-direction:column;align-items:center;gap:10px;padding:19px 8px;background:#f1f7fd;border-right:1px solid #e3edf7}.hero-side i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#7c9cbd}.hero-side i.active{color:#fff;background:#1687f8;box-shadow:0 7px 15px rgba(22,135,248,.28)}.hero-demo{padding:24px}.hero-demo-title{display:flex;align-items:center;gap:11px}.hero-demo-title>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;color:#087be9;background:#e7f3ff}.hero-demo-title div{display:flex;flex-direction:column}.hero-demo-title small{font-size:.68rem;color:#64748b}.hero-demo-title strong{font-size:.94rem;color:#0f172a}.hero-demo-title>b{margin-left:auto;color:#16a34a;font-size:1.2rem}.hero-message{margin-top:21px;padding:16px;border:1px solid #dbe7f3;border-radius:11px;background:#f8fbfe;color:#334155;font-size:.84rem}.hero-results{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.hero-results span{padding:10px;border-radius:8px;color:#166534;background:#f0fdf4;font-size:.69rem}.hero-results i{margin-right:4px}.hero-demo-footer{display:flex;align-items:center;margin-top:22px;padding-top:16px;border-top:1px solid #e2e8f0}.hero-demo-footer span{color:#64748b;font-size:.73rem}.hero-demo-footer button{margin-left:auto;padding:8px 12px;border:0;border-radius:7px;color:#fff;background:#1687f8;font-size:.72rem}.hero-float-card{position:absolute;right:-12px;bottom:-28px;display:flex;align-items:center;gap:10px;padding:12px 17px;border:1px solid #dbeafe;border-radius:13px;color:#334155;background:#fff;box-shadow:0 16px 35px rgba(15,23,42,.2);font-size:.72rem;transform:rotate(-2deg)}.hero-float-card>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#087be9;background:#e7f3ff}.hero-float-card span{display:flex;flex-direction:column}.hero-float-card strong{color:#0f172a;font-size:.82rem}
.tools-featured,.tools-library{padding:78px 20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.section-heading h2{margin:5px 0 0;color:#0f172a;font-size:clamp(1.85rem,3vw,2.55rem);font-weight:830;letter-spacing:-.025em}.section-heading>p{max-width:520px;margin:0;color:#64748b;line-height:1.7}.section-heading.compact{margin-bottom:34px}.section-kicker{color:#087be9;font-size:.77rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.section-kicker.light{color:#bae6fd}.featured-tool-card{height:100%;display:grid;grid-template-columns:1.03fr .97fr;overflow:hidden;border:1px solid #d9e7f4;border-radius:22px;color:#334155;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.07);transition:.25s}.featured-tool-card:hover,.visual-tool-card:hover{transform:translateY(-5px);border-color:#8dc6fa;box-shadow:0 22px 46px rgba(15,23,42,.12)}.featured-copy{padding:28px 12px 28px 28px}.tool-eyebrow{display:block;color:#087be9;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.tool-eyebrow i{margin-right:5px}.featured-copy h2,.visual-card-copy h2{color:#0f172a;font-weight:800}.featured-copy h2{margin:13px 0 10px;font-size:1.45rem}.featured-copy p,.visual-card-copy p{color:#64748b;line-height:1.65}.tool-link{display:inline-flex;align-items:center;gap:7px;margin-top:6px;color:#087be9;font-size:.9rem}.tool-link i{transition:.2s}.featured-tool-card:hover .tool-link i,.visual-tool-card:hover .tool-link i{transform:translateX(4px)}.tool-preview{min-height:245px;display:flex;align-items:center;justify-content:center;padding:22px;background:linear-gradient(145deg,#eaf5ff,#f8fbff)}
.preview-template,.preview-qr,.preview-metrics,.preview-chat,.preview-form,.preview-code{width:100%;max-width:260px;padding:15px;border:1px solid #d8e7f4;border-radius:13px;background:#fff;box-shadow:0 10px 22px rgba(15,23,42,.08)}.preview-field{padding:10px;border:1px solid #d7e4ef;border-radius:7px;color:#64748b;font-size:.66rem}.preview-score{display:flex;align-items:center;gap:9px;margin-top:10px}.preview-score strong{width:43px;height:43px;display:grid;place-items:center;border:5px solid #86efac;border-radius:50%;color:#15803d;font-size:.72rem}.preview-score span{color:#334155;font-size:.68rem;font-weight:700}.preview-pass{margin-top:10px;padding:7px;border-radius:6px;color:#166534;background:#f0fdf4;font-size:.64rem}.preview-qr{display:flex;align-items:center;gap:13px}.mini-qr{width:74px;height:74px;display:grid;place-items:center;flex:0 0 74px;border:1px solid #e2e8f0;border-radius:8px;font-size:3.8rem;color:#0f172a}.preview-qr>div:last-child{min-width:0;display:flex;flex-direction:column}.preview-label{color:#94a3b8;font-size:.59rem}.preview-qr strong{overflow:hidden;color:#0f172a;font-size:.72rem;text-overflow:ellipsis}.preview-qr small{margin-top:9px;color:#16803b;font-size:.57rem}.preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-metrics>span{padding:10px;border-radius:8px;background:#f8fafc}.preview-metrics small{display:block;color:#94a3b8;font-size:.57rem}.preview-metrics strong{color:#0f172a;font-size:.82rem}.preview-bars,.preview-line{grid-column:1/-1;height:58px;display:flex;align-items:end;gap:8px;padding:8px 7px 0}.preview-bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#38bdf8,#1687f8)}.preview-bars i:nth-child(1){height:28%}.preview-bars i:nth-child(2){height:48%}.preview-bars i:nth-child(3){height:43%}.preview-bars i:nth-child(4){height:70%}.preview-bars i:nth-child(5){height:88%}.preview-metrics.roi strong{color:#16803b}.preview-line{align-items:center;position:relative}.preview-line:before{content:"";position:absolute;left:8px;right:8px;height:3px;transform:rotate(-10deg);background:#22c55e}.preview-line i{z-index:1;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#16a34a;box-shadow:0 0 0 1px #16a34a}.preview-chat{padding:0;overflow:hidden;background:#efeae2}.preview-chat-head{padding:9px 11px;color:#fff;background:#075e54;font-size:.64rem}.preview-chat-head i{margin-right:5px}.preview-bubble{max-width:85%;margin:20px 10px 25px auto;padding:9px;border-radius:7px;color:#334155;background:#d9fdd3;font-size:.62rem;box-shadow:0 1px 2px rgba(0,0,0,.12)}.preview-bubble small{display:block;text-align:right;color:#667781;font-size:.49rem}.preview-form span{display:block;height:23px;margin-bottom:8px;border:1px solid #d8e2eb;border-radius:6px}.preview-form label{display:block;color:#64748b;font-size:.56rem}.preview-form button{width:100%;margin-top:10px;padding:7px;border:0;border-radius:6px;color:#fff;background:#1687f8;font-size:.59rem}.preview-code{display:flex;flex-direction:column;color:#475569;background:#0f172a;font-family:monospace;font-size:.58rem}.preview-code span{color:#94a3b8}.preview-code em{color:#bae6fd;font-style:normal}.preview-code b{align-self:flex-start;margin-top:10px;padding:5px 7px;border-radius:5px;color:#86efac;background:#173422;font-family:inherit}
.tools-library{background:#f5f9fd}.visual-tool-card{height:100%;display:block;overflow:hidden;border:1px solid #dce8f2;border-radius:20px;color:#334155;background:#fff;transition:.25s}.compact-preview{min-height:174px;padding:18px}.compact-preview>div{transform:scale(.92)}.visual-card-copy{position:relative;padding:26px}.tool-icon{position:absolute;right:24px;top:-24px;width:48px;height:48px;display:grid;place-items:center;border:4px solid #fff;border-radius:14px;color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 6px 15px rgba(30,144,255,.25)}.visual-card-copy h2{min-height:50px;margin:10px 0 8px;font-size:1.18rem}.visual-card-copy p{min-height:79px;margin:0;font-size:.9rem}
.tools-embed-showcase{padding:90px 20px;color:#fff;background:linear-gradient(135deg,#071a3a,#064a92)}.embed-showcase-inner{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;max-width:1100px;margin:auto}.embed-code-visual{position:relative}.code-window{overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:#071426;box-shadow:0 28px 65px rgba(0,0,0,.3);transform:rotate(-2deg)}.code-window>div{display:flex;gap:6px;padding:13px 15px;background:#10243e}.code-window>div span{width:8px;height:8px;border-radius:50%;background:#fb7185}.code-window>div span:nth-child(2){background:#fbbf24}.code-window>div span:nth-child(3){background:#4ade80}.code-window pre{margin:0;padding:28px;color:#bae6fd;font-size:.82rem;line-height:1.7;white-space:pre-wrap}.embed-live{position:absolute;right:-16px;bottom:-17px;padding:9px 13px;border-radius:999px;color:#166534;background:#dcfce7;font-size:.7rem;font-weight:800;box-shadow:0 10px 25px rgba(0,0,0,.22)}.embed-live i{margin-right:5px;font-size:.55rem}.embed-copy h2{margin:9px 0 15px;font-size:clamp(2rem,4vw,3rem);font-weight:830;letter-spacing:-.03em}.embed-copy p{color:#cfe8ff;line-height:1.75}.embed-copy ul{list-style:none;padding:0;margin:22px 0}.embed-copy li{margin:9px 0;color:#e0f2fe}.embed-copy li i{margin-right:8px;color:#4ade80}.embed-copy .btn{color:#0755a5;font-weight:750}.tools-index-page .tools-cta{padding:66px 20px;background:linear-gradient(135deg,#0784dd,#1d4ed8)}.tools-index-page .tools-cta h2{margin:7px 0 10px;font-size:clamp(1.8rem,3.5vw,2.7rem)}.tools-index-page .tools-cta p{margin:0;color:#dbeafe}.tools-index-page .tools-cta .btn{color:#0755a5;font-weight:750}
@media(max-width:991px){.tools-index-hero{text-align:center;padding-top:68px}.tools-index-hero h1,.tools-index-hero .hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.tools-index-hero .tools-trust{justify-content:center}.hero-product{max-width:620px;margin:20px auto 0}.hero-float-card{right:7%}.section-heading{display:block;text-align:center}.section-heading>p{margin:12px auto 0}.embed-showcase-inner{grid-template-columns:1fr;gap:55px}.embed-code-visual{max-width:560px;margin:auto}.embed-copy{text-align:center}.embed-copy ul{display:inline-block;text-align:left}.tools-index-page .tools-cta{text-align:center}.tools-index-page .tools-cta .text-lg-end{text-align:center!important}}
@media(max-width:767px){.tools-index-hero{padding:58px 14px 95px}.tools-index-hero h1{font-size:2.55rem}.hero-actions{gap:15px}.hero-secondary{width:100%}.hero-product-body{grid-template-columns:40px 1fr;min-height:330px}.hero-side{padding:15px 4px}.hero-side i{width:29px;height:29px}.hero-demo{padding:16px 12px}.hero-results{grid-template-columns:1fr}.hero-results span:nth-child(3){display:none}.hero-float-card{right:3%;bottom:-33px}.tools-featured,.tools-library{padding:62px 12px}.featured-tool-card{grid-template-columns:1fr}.featured-copy{padding:25px}.tool-preview{min-height:205px}.visual-card-copy p,.visual-card-copy h2{min-height:0}.tools-embed-showcase{padding:68px 15px}.code-window pre{padding:22px 17px;font-size:.69rem}.embed-live{right:3px}.embed-copy h2{font-size:2.1rem}}