.tools-page{width:min(1240px,100% - 40px);min-height:calc(100vh - 76px);margin:0 auto;padding:62px 0 78px}.tools-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:end;gap:clamp(40px,8vw,100px);padding-bottom:38px;display:grid}.tools-eyebrow{color:var(--green-deep);align-items:center;gap:9px;font-size:12px;font-weight:680;display:inline-flex}.tools-eyebrow i{background:var(--green-strong);border-radius:2px;width:22px;height:2px}.tools-hero h1{max-width:690px;color:var(--text);letter-spacing:-.06em;margin:14px 0 0;font-size:clamp(3rem,5.4vw,5rem);font-weight:725;line-height:.98}.tools-hero>p{max-width:470px;color:var(--muted);margin:0 0 7px;font-size:15px;line-height:1.7}.tools-grid{gap:22px;margin-top:24px;display:grid}.tools-showcase.tools-showcase--clips{grid-template-columns:1fr}.tools-showcase--clips .tools-showcase__content>p{font-size:1rem}.tools-showcase--clips .tools-showcase__cta{font-size:.875rem}.tools-showcase{border:1px solid var(--line);background:var(--surface);border-radius:28px;grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr);display:grid;overflow:hidden;box-shadow:0 24px 60px #1d30230f}.tools-showcase__visual{background-color:var(--ink-panel);color:#edf5ee;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:430px;padding:30px;display:flex;position:relative;overflow:hidden}.tools-showcase__visual:before,.tools-showcase__visual:after{content:"";border:1px solid #59e96321;border-radius:50%;position:absolute}.tools-showcase__visual:before{width:330px;height:330px;bottom:-95px;right:-130px}.tools-showcase__visual:after{width:220px;height:220px;bottom:-40px;right:-75px}.tools-showcase__mark{z-index:2;background:#0a100c;border:1px solid #ffffff1c;border-radius:26px;place-items:center;width:102px;height:102px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000047}.tools-showcase__mark img{object-fit:contain;width:78px;height:78px}.tools-showcase__status{z-index:2;color:#abc0b0;align-items:center;gap:8px;font-size:10px;display:inline-flex;position:absolute;top:28px;right:26px}.tools-showcase__status i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #59e96314}.tools-showcase__route{z-index:2;justify-content:space-between;align-items:center;width:min(100%,330px);display:flex;position:relative}.tools-showcase__route:before{content:"";background:#59e96352;height:1px;position:absolute;top:50%;left:9px;right:9px}.tools-showcase__route i{z-index:1;border:5px solid var(--ink-panel);background:#4bd85b;border-radius:50%;width:19px;height:19px;position:relative}.tools-showcase__route i:last-child{background:0 0;box-shadow:inset 0 0 0 1px #59e9638c}.tools-showcase__visual>small{z-index:2;color:#82978a;font-size:10px;position:relative}.tools-showcase__content{flex-direction:column;align-items:flex-start;padding:clamp(30px,4vw,54px);display:flex}.tools-showcase__label{color:var(--green-deep);font-size:11px;font-weight:720}.tools-showcase__content h2{max-width:650px;color:var(--text);letter-spacing:-.055em;margin:12px 0 14px;font-size:clamp(2rem,3.6vw,3.3rem);line-height:1}.tools-showcase__content>p{max-width:620px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.tools-showcase__features{border-top:1px solid var(--line);width:100%;margin-top:24px;display:grid}.tools-showcase__features>div{border-bottom:1px solid var(--line);grid-template-columns:35px 1fr;align-items:center;gap:14px;min-height:66px;display:grid}.tools-showcase__features>div>span{color:var(--green-deep);font-family:var(--font-geist-mono),monospace;font-size:9px}.tools-showcase__features strong,.tools-showcase__features small{display:block}.tools-showcase__features strong{color:var(--text);font-size:12px}.tools-showcase__features small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.45}.tools-showcase__cta{background:var(--text);min-height:46px;color:var(--surface);border-radius:12px;align-items:center;gap:12px;margin-top:26px;padding:0 17px;font-size:12px;font-weight:720;transition:transform .18s,background-color .18s,color .18s;display:inline-flex}.tools-showcase__cta:hover{background:var(--green);color:#08200e;transform:translateY(-2px)}.tools-showcase__cta span{font-size:17px}.tools-showcase__visual--editor{background-color:#0b100c}.tools-showcase__visual--editor:before{border-radius:28px;width:240px;height:320px;bottom:-120px;right:-40px;transform:rotate(18deg)}.tools-showcase__visual--editor:after{display:none}.tools-editor-mark{z-index:2;align-items:flex-end;gap:9px;display:flex;position:relative}.tools-editor-mark span{color:#7bff88;width:66px;height:66px;font:750 17px var(--font-geist-mono),monospace;background:#0a100c;border:1px solid #ffffff1f;border-radius:18px;place-items:center;display:grid}.tools-editor-mark b{color:#eef7ef;letter-spacing:.18em;padding-bottom:7px;font-size:10px}.tools-editor-timeline{z-index:2;align-items:flex-end;gap:5px;width:100%;height:82px;display:flex;position:relative}.tools-editor-timeline i{background:#59e9632e;border:1px solid #59e96333;border-radius:5px 5px 2px 2px;flex:1;display:block}.tools-editor-timeline i:first-child{height:36%}.tools-editor-timeline i:nth-child(2){background:#59e96359;height:76%}.tools-editor-timeline i:nth-child(3){height:54%}.tools-editor-timeline i:nth-child(4){background:#59e9637a;height:92%}.tools-editor-timeline i:nth-child(5){height:42%}.tools-note{border:1px solid var(--line);background:var(--green-faint);border-radius:17px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:13px;min-height:70px;margin-top:18px;padding:14px 18px;display:grid}.tools-note>span{background:var(--green-soft);width:38px;height:38px;color:var(--green-deep);border-radius:12px;place-items:center;display:grid}.tools-note p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.tools-note strong{color:var(--text)}@media (max-width:880px){.tools-hero{grid-template-columns:1fr;gap:18px}.tools-showcase{grid-template-columns:1fr}.tools-showcase__visual{min-height:300px}}@media (max-width:600px){.tools-page{width:calc(100% - 28px);padding:44px 0 64px}.tools-hero h1{font-size:clamp(2.7rem,13vw,3.7rem)}.tools-showcase{border-radius:22px}.tools-showcase__visual{min-height:260px;padding:23px}.tools-showcase__content{padding:28px 23px}.tools-showcase__cta{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.tools-showcase__cta{transition-duration:.001ms!important}}