.tool-page{padding-bottom:80px}.tool-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding:90px 0}.tool-hero h1{font-size:clamp(36px,4.2vw,60px);letter-spacing:-2px;line-height:1.27;margin:22px 0 30px}.tool-lead{font-size:21px;font-weight:600;margin:0 0 14px}.tool-description{font-size:15px;color:#8e849d;line-height:2}.tool-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.tool-meta{font-size:12px;color:#9c90a8;margin-top:17px}.tool-preview{border:1px solid #e3daef;background:#fcfaff;border-radius:22px;padding:30px;box-shadow:0 24px 70px #79629913;transform:rotate(-1deg)}.preview-top{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;padding-bottom:24px;border-bottom:1px solid #e9e1f3}.preview-top img{width:30px}.preview-badge{margin-left:auto;border-radius:30px;padding:4px 9px;background:#e9f3ed;color:#64856e;font-size:10px;font-weight:400}.preview-stat{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.preview-stat>div{padding:20px 15px;background:#f0eafb;border-radius:12px}.preview-stat small,.preview-stat span{display:block;color:#9b85b2;font-size:11px}.preview-stat b{display:block;font-size:21px;letter-spacing:-.6px;margin:6px 0}.preview-row{display:flex;align-items:center;gap:15px;padding:18px 2px;border-top:1px solid #ede6f3;font-size:13px}.preview-row span{color:#b3a3c2;font-size:11px}.preview-row b{font-weight:400}.preview-row i{margin-left:auto;font-style:normal;color:#a18ab5}.preview-bottom{background:#2e263e;color:#e4d7f4;border-radius:10px;text-align:center;padding:12px;margin-top:14px;font-size:12px}.tool-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:35px 0 75px;border-bottom:1px solid #e4dfd7}.tool-benefits article>span{color:#9781af;font-size:11px}.tool-benefits h2{font-size:20px;margin:17px 0}.tool-benefits p{font-size:13px;color:#998e9f;line-height:2}.tool-install{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;padding:85px 0 55px}.tool-install h2{font-size:34px;line-height:1.45;margin-top:18px}.tool-install ol{list-style:none;counter-reset:step;padding:0;margin:0}.tool-install li{counter-increment:step;display:flex;gap:21px;margin-bottom:28px}.tool-install li:before{content:counter(step,decimal-leading-zero);color:#9a80b8;font-size:12px;background:#eee8f4;display:grid;place-content:center;border-radius:50%;width:34px;height:34px;flex-shrink:0}.tool-install h3{font-size:16px;margin:3px 0 9px}.tool-install p,.tool-notes p{font-size:13px;line-height:2;color:#998e9f}.tool-install code{font-size:12px;background:#ebe7e3;padding:3px 6px;border-radius:4px;word-break:break-all}.tool-notes{border-top:1px solid #e4dfd7}.tool-notes details{padding:23px 0;border-bottom:1px solid #e4dfd7}.tool-notes summary{cursor:pointer;font-size:15px}.tool-notes p{margin:15px 0 0}.live-tools{padding:75px 0 15px}.live-tool-card{display:flex;align-items:center;gap:35px;background:#eee8f7;border:1px solid #e4d9ee;border-radius:18px;padding:38px 45px;margin-top:25px}.live-tool-card>img{width:65px;height:65px}.live-tool-card h3{font-size:24px;margin:7px 0 10px}.live-tool-card p{font-size:13px;color:#9685a5;line-height:1.8}.live-tool-card .btn{margin-left:auto;white-space:nowrap}.live-tool-card small{color:#a28bb4;font-size:11px}@media(max-width:850px){.tool-hero{gap:30px;padding:60px 0}.tool-preview{padding:20px}.preview-stat b{font-size:18px}.tool-benefits{gap:20px}.tool-install{gap:35px}.live-tool-card{flex-wrap:wrap;padding:25px}.live-tool-card .btn{margin-left:0}}@media(max-width:650px){.tool-hero{grid-template-columns:1fr;padding:40px 0;gap:35px}.tool-preview{transform:none}.tool-benefits{grid-template-columns:1fr;padding:25px 0;gap:16px}.tool-install{grid-template-columns:1fr;padding:45px 0;gap:20px}.tool-install h2{font-size:28px}.live-tool-card>img{width:45px;height:45px}.live-tool-card{gap:18px}.live-tool-card>div{flex:1;min-width:180px}.live-tool-card h3{font-size:20px}}

.hero-shot{display:block;background:#fff;border:1px solid #e3daef;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #77629518}.hero-shot img{width:100%;display:block}.hero-shot span{display:block;padding:12px 16px;font-size:11px;color:#94859d}.tool-screenshots{padding:65px 0}.tool-screenshots h2{font-size:30px;margin:15px 0}.tool-screenshots p{font-size:13px;color:#8e849d}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px}.screenshot-grid figure{margin:0;border:1px solid #e6dfee;background:#fff;border-radius:16px;overflow:hidden}.screenshot-open{border:0;padding:0;display:block;width:100%;background:#f7f6fb;cursor:zoom-in}.screenshot-open img{width:100%;display:block}.screenshot-grid figcaption{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px}.screenshot-grid figcaption span{font-size:11px;color:#9f8bb6}#toolImage{border:0;border-radius:14px;padding:0;max-width:96vw;max-height:96vh;background:#fff}#toolImage::backdrop{background:#151020bb}#toolImage img{display:block;max-width:94vw;max-height:92vh;object-fit:contain}#closeToolImage{position:fixed;right:3vw;top:3vh;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer;background:#312b43;color:#fff}@media(max-width:700px){.screenshot-grid{grid-template-columns:1fr}.tool-screenshots{padding:40px 0}}