.tool-page{overflow:hidden}.tool-hero{padding:clamp(2.5rem,6vw,6rem) 0;background:radial-gradient(circle at 12% 15%,#d9fff5,transparent 35%),radial-gradient(circle at 90% 20%,#e6e2ff,transparent 38%),#fff}.tool-hero-grid,.tool-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:clamp(2rem,5vw,5rem);align-items:center}.tool-copy h1{font-size:clamp(2.5rem,5vw,4.75rem);letter-spacing:-.055em;line-height:.98;max-width:820px}.tool-copy>p{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.75;color:#54536a}.tool-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.6rem 0}.tool-trust{display:flex;gap:1rem;flex-wrap:wrap;padding:0;list-style:none;color:#514f67}.tool-trust li:before{content:'✓ ';color:#14a680}.tool-compare{--pos:50%;position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:30px;background:#e8e8ed;box-shadow:0 30px 80px #34305b26}.tool-before,.tool-after{position:absolute;inset:0}.tool-after{clip-path:inset(0 0 0 var(--pos))}.tool-compare img{width:100%;height:100%;object-fit:cover}.tool-compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4}.tool-compare .compare-line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none}.tool-compare .compare-line b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:5px solid #fff;border-radius:50%;background:#6757f5;color:#fff}.tool-compare .compare-label{position:absolute;top:18px;z-index:2;padding:.45rem .8rem;border-radius:99px;background:#17162ccc;color:#fff;font-weight:800}.tool-compare .before-label{left:18px}.tool-compare .after-label{right:18px}.tool-editor-grid{align-items:stretch}.tool-editor-copy{padding:clamp(1.5rem,4vw,3rem);border-radius:28px;background:#f4f1ff}.tool-editor-copy img{width:100%;max-height:360px;object-fit:cover;border-radius:20px;margin-top:1.25rem}.tool-file{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem;border:1px solid #ddd9ef;border-radius:16px}.tool-file img{width:72px;height:72px;object-fit:cover;border-radius:12px}.tool-file div{display:grid;flex:1}.tool-file button{border:0;background:#eeeafd;border-radius:50%;width:36px;height:36px}.tool-intro img,.split-section>img{width:100%;max-height:600px;object-fit:cover;border-radius:28px}.center-cta{text-align:center;margin-top:2rem}@media(max-width:991.98px){.tool-hero-grid,.tool-editor-grid{grid-template-columns:1fr}.tool-copy h1{font-size:clamp(2.35rem,10vw,4rem)}.tool-compare{max-width:760px;width:100%;margin:auto}}@media(max-width:575.98px){.tool-actions .btn{width:100%}.tool-trust{display:grid;gap:.5rem}.tool-compare{border-radius:20px}.tool-compare .compare-line b{width:46px;height:46px}.tool-editor-copy{padding:1.25rem}}
.tool-rich-section{position:relative}.tool-rich-section.soft{background:#f7f6ff}.tool-rich-section.mint{background:linear-gradient(135deg,#effdf9,#f7f5ff)}.tool-rich-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:clamp(2rem,5vw,5rem);align-items:center}.tool-rich-layout.reverse .tool-rich-copy{order:2}.tool-rich-layout.reverse .tool-rich-media{order:1}.tool-rich-layout.text-only{grid-template-columns:minmax(0,880px);justify-content:center;text-align:center}.tool-rich-copy h2{max-width:850px}.tool-rich-copy p{font-size:1.05rem;line-height:1.75;color:#57556c}.tool-rich-media{margin:0}.tool-rich-media img{display:block;width:100%;max-height:620px;object-fit:cover;border-radius:28px;box-shadow:0 24px 65px #302b5b1c}.tool-rich-media figcaption{padding:.75rem .25rem 0;color:#66637b;font-size:.92rem}.tool-rich-list{display:grid;gap:.8rem;margin:1.5rem 0 0;padding:0;list-style:none}.tool-rich-list li{position:relative;padding-left:1.75rem;color:#454359}.tool-rich-list li:before{content:'✓';position:absolute;left:0;color:#12a37d;font-weight:900}.tool-link-list{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.tool-link-list a{padding:.7rem 1rem;border:1px solid #dcd8f2;border-radius:999px;background:#fff;font-weight:800;text-decoration:none}.tool-note{margin-top:1.5rem;padding:1rem 1.15rem;border-left:4px solid #6757f5;border-radius:0 14px 14px 0;background:#f0edff}.tool-note p{margin:.3rem 0 0;font-size:.96rem}.tool-rich-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.tool-rich-cards article{padding:1.4rem;border:1px solid #e5e1f2;border-radius:20px;background:#fff;box-shadow:0 14px 35px #302b5b0d}.tool-rich-cards p{margin-bottom:0;color:#5d5a70}.tool-table-section{background:#faf9ff}.tool-table-section .section-heading p{max-width:760px;margin-inline:auto}.tool-table-section table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #e0dcef;border-radius:20px;background:#fff}.tool-table-section th,.tool-table-section td{padding:1rem;text-align:left;border-bottom:1px solid #ebe8f5}.tool-table-section thead th{background:#17162c;color:#fff}.tool-table-section tbody tr:last-child>*{border-bottom:0}.tool-table-section tbody th{color:#26243b}@media(max-width:991.98px){.tool-rich-layout{grid-template-columns:1fr}.tool-rich-layout.reverse .tool-rich-copy,.tool-rich-layout.reverse .tool-rich-media{order:initial}.tool-rich-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575.98px){.tool-rich-media img{border-radius:20px}.tool-rich-cards{grid-template-columns:1fr}.tool-link-list{display:grid}.tool-link-list a{text-align:center}}
