.tool-section{text-align:left;min-height:100svh}.tool-section-inner{z-index:2;width:100%;position:relative}.tool-section-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(36px,5vw,80px);max-width:1160px;margin:0 auto;display:grid}.tool-section-grid.reverse{direction:rtl}.tool-section-grid.reverse>*{direction:ltr}.tool-content{min-width:0}.tool-media{flex-direction:column;align-items:center;min-width:0;margin:0;display:flex}.tool-section-heading{margin-bottom:clamp(22px,3.4vh,38px)}.tool-title{margin-bottom:0}.sub-badge{font-family:var(--font-nunito), sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#ffffffeb;background:0 0;border:1px solid #ffffff80;border-radius:50px;align-items:center;gap:6px;margin-bottom:2px;padding:4px 12px;font-size:clamp(14px,.7vh + .3vw,14px);font-weight:700;line-height:1;display:inline-flex}.sub-badge svg{color:#fffffff2;flex-shrink:0;width:12px;height:12px}.tool-lead{margin:clamp(10px,1.6vh,18px) 0 0;font-size:clamp(18px,1.1vh + .7vw,19px);line-height:1.65}.tool-card-tilt{perspective:1400px;aspect-ratio:3/2;width:100%;max-width:560px;transform-style:preserve-3d;transform:rotateY(-12deg)rotateX(5deg)rotate(2deg)}.tool-card-tilt.tilt-right{transform:rotateY(12deg)rotateX(5deg)rotate(-2deg)}.tool-card-inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .6s cubic-bezier(.4,.05,.2,1);position:relative}.tool-card-tilt.is-flipped .tool-card-inner{transform:rotateY(180deg)}.tool-card-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1px solid #ffffff8c;border-radius:12px;flex-direction:column;line-height:0;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:-28px 40px 64px #09304473,inset 0 1px #fff3}.tool-card-back{transform:rotateY(180deg)}.tool-card-bar{background:#fff;border-bottom:1px solid #16323f14;flex-shrink:0;align-items:center;gap:7px;padding:10px 13px;line-height:0;display:flex}.tool-card-bar span{background:#16323f2e;border-radius:50%;width:9px;height:9px}.tool-card-face img{object-fit:fill;flex:1;width:100%;height:100%;min-height:0;display:block}.tool-card-back:has(img[data-feature-back-image][src*=desktop-dark]){background:#16323f;border-color:#16323f}.tool-card-back:has(img[data-feature-back-image][src*=desktop-dark]) .tool-card-bar{background:#16323f;border-bottom-color:#ffffff1f}.tool-card-back:has(img[data-feature-back-image][src*=desktop-dark]) .tool-card-bar span{background:#fff6}.tool-image-caption{letter-spacing:.18em;text-transform:uppercase;color:#ffffffbf;text-align:center;margin:clamp(14px,2.4vh,24px) 0 0;font-size:clamp(14px,1vh + 2px,15px);font-weight:700}.tool-features{gap:clamp(8px,1.2vh,14px);display:grid}.tool-feature{cursor:default;border-radius:10px;align-items:center;gap:clamp(10px,1vw,14px);padding:clamp(8px,1vh,12px) clamp(12px,1.2vw,18px);display:flex;position:relative}.tool-feature-icon{flex:none;width:clamp(24px,1.8vh + .7vw,30px);height:clamp(24px,1.8vh + .7vw,30px);transition:transform .22s;display:block;transform:translateY(-2px)}.tool-feature-icon[src*=coffee-beans]{width:clamp(27px,2.1vh + .8vw,34px);height:clamp(27px,2.1vh + .8vw,34px)}.tool-feature.is-active .tool-feature-title{color:#fff;text-shadow:0 1px 8px #ffffff40;transform:translateY(-2px)}.tool-feature.is-active .tool-feature-icon{transform:translateY(-4px)}.tool-feature:focus-visible{outline:none;box-shadow:0 0 0 2px #fff9}.tool-feature-title{font-family:var(--font-nunito), sans-serif;color:inherit;cursor:pointer;font-size:clamp(17px,1.2vh + .55vw,20px);font-weight:800;line-height:1.45;transition:color .22s,transform .22s,text-shadow .22s}.tool-cta-row{flex-wrap:wrap;gap:clamp(12px,1.4vw,18px);margin-top:clamp(26px,3.6vh,40px);display:flex}.tool-cta{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:#fff;border-radius:50px;align-items:center;gap:10px;padding:clamp(14px,1.8vh,17px) clamp(28px,2.6vw,38px);font-size:clamp(14px,1vh + .4vw,16px);font-weight:800;transition:background .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 26px #09304447}.tool-cta img{flex:none;transform:translateY(-1px)}.tool-cta:hover,.tool-cta:focus-visible{transform:translateY(-2px);box-shadow:0 14px 34px #09304457}.tool-cta:focus-visible{outline-offset:3px;outline:2px solid #fff}.tool-cta.docs-cta{color:#fff;background:0 0;box-shadow:inset 0 0 0 2px #ffffffbf}.tool-cta.docs-cta:hover,.tool-cta.docs-cta:focus-visible{color:var(--blue);background:#fff;box-shadow:0 10px 26px #09304438}.docs-cta-short{display:none}.tool-cta svg{flex-shrink:0;width:17px;height:17px;transform:translateY(-1px)}.tool-subscribe svg{width:22px;height:22px}.sub-badge svg,.tool-subscribe svg{align-self:center;transform:translateY(-1px)}.tools-banner{text-align:center;min-height:auto;padding:clamp(56px,9vh,96px) 24px}.tools-banner .inner{max-width:760px}.tools-banner p{color:#ffffffeb;font-size:clamp(18px,1.4vh + .7vw,22px);font-weight:600;line-height:1.65}.tools-banner a{text-underline-offset:5px;text-decoration:underline}.tools-banner a:hover{color:#eaf6fb}@media (width>=901px){.tool-title{font-size:clamp(24px,2.2vh + 1.7vw,38px)}}@media (width<=900px){.tool-section-grid{grid-template-columns:1fr;gap:clamp(28px,4vh,44px)}.tool-section-grid.reverse{direction:ltr}.tool-content{order:2}.tool-media{order:1}.tool-card-tilt{max-width:480px;transform:rotateY(-8deg)rotateX(4deg)rotate(1deg)}.tool-card-tilt.tilt-right{transform:rotateY(8deg)rotateX(4deg)rotate(-1deg)}.tool-cta-row{justify-content:center}}@media (width<=560px){.tool-card-tilt{max-width:100%}.tool-cta-row{gap:10px}.tool-cta{letter-spacing:.07em;white-space:nowrap;flex:1 1 0;justify-content:center;gap:7px;padding:11px 12px;font-size:14px}.tool-cta svg{width:15px;height:15px}.tool-subscribe svg{width:18px;height:18px}.docs-cta-full{display:none}.docs-cta-short{display:inline}}@media (prefers-reduced-motion:reduce){.tool-card-inner{transition:none}}