.tool-detail-page{background:#f7faff}
.tool-detail-hero{position:relative;overflow:hidden;padding:72px 0 64px;color:#fff;background:radial-gradient(circle at 78% 18%,rgba(18,155,232,.32),transparent 28%),linear-gradient(135deg,#07172A 0%,#0B1F3A 52%,#173EA5 100%)}
.tool-detail-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent)}
.tool-detail-hero .container{position:relative;z-index:1}
.tool-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px;color:#bfd0ed;font-size:.82rem;font-weight:800}
.tool-breadcrumb a{color:#fff;text-decoration:none}.tool-breadcrumb a:hover{text-decoration:underline}.tool-breadcrumb span{opacity:.65}
.tool-detail-hero .tools-eyebrow{margin-bottom:18px}
.tool-detail-hero h1{max-width:900px;margin:0;color:#fff;font-size:clamp(2.7rem,5.2vw,4.9rem);line-height:1;letter-spacing:-.05em}
.tool-detail-hero p{max-width:790px;margin:20px 0 0;color:#c8d8f4;font-size:1.08rem;line-height:1.75}
.tool-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.tool-detail-trust{display:flex;gap:10px 20px;flex-wrap:wrap;margin-top:24px;color:#d5e2f7;font-size:.82rem;font-weight:850}
.tool-detail-page .tool-section{padding-top:78px}
.tool-seo-section{padding:80px 0;background:#fff}
.tool-seo-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:54px;align-items:start}
.tool-seo-copy h2,.tool-howto h2,.tool-faq h2,.related-tools h2{margin:0;color:var(--navy);font-size:clamp(2rem,4vw,3rem);line-height:1.06;letter-spacing:-.04em}
.tool-seo-copy>p{margin:18px 0 0;color:var(--muted);font-size:1rem;line-height:1.8}
.tool-benefit-list{display:grid;gap:13px;margin:27px 0 0;padding:0;list-style:none}
.tool-benefit-list li{position:relative;padding:17px 18px 17px 48px;border:1px solid var(--line);border-radius:16px;color:var(--navy);background:#f8fbff;font-weight:800;line-height:1.55}
.tool-benefit-list li::before{content:"✓";position:absolute;left:18px;top:17px;color:var(--green);font-weight:950}
.tool-howto{padding:29px;border:1px solid var(--line);border-radius:25px;background:#f2f7ff;box-shadow:0 20px 50px rgba(7,27,77,.08)}
.tool-howto h2{font-size:1.7rem}
.tool-step-list{counter-reset:steps;display:grid;gap:17px;margin:24px 0 0;padding:0;list-style:none}
.tool-step-list li{counter-increment:steps;position:relative;padding-left:51px;color:var(--muted);line-height:1.65}
.tool-step-list li::before{content:counter(steps);position:absolute;left:0;top:0;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--navy),var(--bright));font-size:.8rem;font-weight:950}
.tool-faq{padding:80px 0;background:#eef4ff}
.tool-faq-list{display:grid;gap:13px;margin-top:30px}
.tool-faq details{border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 12px 30px rgba(7,27,77,.05)}
.tool-faq summary{cursor:pointer;padding:20px 54px 20px 21px;color:var(--navy);font-weight:900;list-style:none;position:relative}
.tool-faq summary::-webkit-details-marker{display:none}
.tool-faq summary::after{content:"+";position:absolute;right:21px;top:16px;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:var(--blue);background:#eef4ff;font-size:1.2rem}
.tool-faq details[open] summary::after{content:"–"}
.tool-faq details p{margin:0;padding:0 21px 21px;color:var(--muted);line-height:1.75}
.related-tools{padding:80px 0;background:#f7faff}
.related-tools .tool-directory-grid{margin-top:28px;grid-template-columns:repeat(3,minmax(0,1fr))}
.tool-page-back{margin-top:28px}
@media(max-width:900px){.tool-seo-grid{grid-template-columns:1fr}.related-tools .tool-directory-grid{grid-template-columns:1fr 1fr}.tool-detail-hero{padding:58px 0}.tool-detail-page .tool-section{padding-top:58px}}
@media(max-width:650px){.related-tools .tool-directory-grid{grid-template-columns:1fr}.tool-detail-hero h1{font-size:2.55rem}.tool-detail-actions .button{width:100%;text-align:center}.tool-detail-trust{display:grid}.tool-howto{padding:22px}.tool-seo-section,.tool-faq,.related-tools{padding:60px 0}}