body.intro-visible{overflow:hidden}
.brand{display:inline-flex;align-items:center}
.brand img{display:block;width:auto;height:25px}
.footer .brand img{height:38px}
.scroll-mark{width:40px!important;height:40px!important;border:0!important;border-radius:0!important;object-fit:contain;transform-origin:center;animation:scrollMarkBreathe 2.2s ease-in-out infinite}
.btn-arrow{display:block;width:18px;height:18px;object-fit:contain}
.tools-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}
.tools .section-title{font-size:clamp(42px,3.4vw,56px)}
.tools-view-details{display:inline-flex;align-items:center;gap:11px;flex:none;margin-top:2px;padding:12px 15px;border-radius:10px;background:#26762a;color:#fff;font:18px DMSerif,Georgia,serif}
.tools-view-details img{width:19px;height:19px}
.tools-grid .tool-icon{width:158px;height:158px;margin:0 auto 22px;border:0;border-radius:0;background:transparent}
.tools-grid .tool-icon img{display:block;width:100%;height:100%;object-fit:contain}
.tools .container{width:min(1390px,calc(100% - 2 * var(--gutter)))}
.tools> .container>p{max-width:1010px;margin:28px 0 0;font-size:18px;line-height:1.48}
.tools-grid{grid-template-columns:repeat(5,1fr);gap:22px!important;margin-top:68px!important}
.tools-grid .tool{min-height:426px;padding:30px 20px;border-radius:18px;background:linear-gradient(135deg,#020202,#5E685D)}
.tools-grid .tool h3{line-height:1.42;margin:0 0 14px}
.tools-grid .tool p{font-size:13px;line-height:1.48;margin:0}
.tools-grid .tool .tool-icon,.tools-grid .tool h3,.tools-grid .tool p{transition:transform .3s ease}
.tools-grid .tool:hover .tool-icon{transform:scale(1.08)}
.tools-grid .tool:hover h3{transform:scale(1.05)}
.tools-grid .tool:hover p{transform:scale(1.05)}
.tools-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.tools-reveal.in-view{opacity:1;transform:translateY(0)}
.brand-intro{position:fixed;inset:0;z-index:200;overflow:hidden;background:transparent}
.brand-intro.is-exiting{pointer-events:none}
.intro-loader{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#fff;opacity:1;visibility:visible;transition:opacity .6s ease,visibility .6s ease}
.intro-loader img{position:relative;z-index:1;width:min(132px,25vw);height:auto;filter:brightness(0);animation:introLogoPulse 1.5s ease-in-out infinite}
.intro-loader-ring{position:absolute;width:min(174px,33vw);aspect-ratio:1;border:1px solid #000000b3;border-top-color:transparent;border-right-color:#00000066;border-radius:50%;animation:introLoaderSpin 1.3s linear infinite}
.brand-intro.is-loaded .intro-loader{opacity:0;visibility:hidden;pointer-events:none}
@keyframes introLoaderSpin{to{transform:rotate(360deg)}}
@keyframes introLogoPulse{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}
@keyframes scrollMarkBreathe{0%,100%{transform:scale(1);opacity:.76}50%{transform:scale(1.13);opacity:1}}
.intro-scene,.intro-mask{position:absolute;inset:0;width:100%;height:100%}
.intro-scene{background:#fff;transition:opacity .7s ease}
.intro-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .15s linear;user-select:none;-webkit-user-drag:none}
.intro-scene img.is-active{opacity:1}
.intro-hole-vector{shape-rendering:geometricPrecision}
.intro-mask{opacity:0;transition:opacity .05s linear}
.brand-intro.is-mask-in .intro-mask{opacity:1}
.brand-intro.is-exiting .intro-scene,.brand-intro.is-exiting .intro-mask{opacity:0;transition:opacity .7s ease}
.intro-logo-vector{position:fixed;z-index:2;height:auto;overflow:visible;color:#fff;pointer-events:none;transition:left .7s cubic-bezier(.65,0,.35,1),top .7s cubic-bezier(.65,0,.35,1),width .7s cubic-bezier(.65,0,.35,1),transform .7s cubic-bezier(.65,0,.35,1),opacity .7s ease,filter .4s ease;filter:drop-shadow(0 0 18px #ffffff42)}
.intro-letter{fill:currentColor;opacity:0;transform:none;transition:opacity .2s ease}
.intro-letter.is-visible{opacity:1;transform:none}
.brand-intro.is-ready .intro-logo-vector{transform:none;color:var(--lime);filter:drop-shadow(0 0 18px #c6ef804d)}
.brand-intro.is-centered .intro-logo-vector{transform:translateX(var(--intro-center-shift));color:var(--lime);filter:drop-shadow(0 0 18px #c6ef804d)}
.brand-intro.is-moving .intro-logo-vector{left:var(--intro-target-left)!important;top:var(--intro-target-top)!important;width:var(--intro-target-width)!important;transform:translateX(0);filter:none}
.brand-intro.is-logo-hidden .intro-logo-vector{opacity:0;transition:opacity 0s}
@media(max-width:800px){.tools-heading{align-items:center}.tools-view-details{font-size:16px;padding:10px 12px}.tools .section-title{font-size:42px}.tools-grid{grid-template-columns:1fr;margin-top:42px!important}.tools-grid .tool{min-height:330px;padding:22px 14px}.tools-grid .tool-icon{width:122px;height:122px;margin-bottom:14px}.tools .container{width:min(100% - 48px,1390px)}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none}.intro-loader img,.intro-loader-ring,.scroll-mark{animation:none}}
