.tools-page{--tools-light:#e9eef0;--tools-light-line:rgba(7,23,31,.17);background:#05080b}
.tools-hero{position:relative;min-height:760px;display:grid;align-items:center;overflow:hidden;padding:calc(var(--nav-h) + 54px) 0 72px;background:#05080b}
.tools-hero-image,.tools-hero-grid{position:absolute;inset:0}.tools-hero-image{background:url("images/tacticool-command.jpg") center 36%/cover no-repeat;filter:saturate(.72);transform:scale(1.05)}
.tools-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,7,10,.99) 0%,rgba(3,7,10,.92) 42%,rgba(3,7,10,.48) 75%,rgba(3,7,10,.8)),linear-gradient(0deg,#05080b 0%,transparent 45%,rgba(3,6,9,.32))}
.tools-hero-grid{z-index:2;opacity:.12;background-image:linear-gradient(rgba(159,215,238,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(159,215,238,.18) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 84%)}
.tools-hero-shell{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:clamp(56px,8vw,130px);align-items:end}.tools-hero-copy{max-width:800px}.tools-hero h1,.tools-section-head h2,.tools-route h2{margin:0;font:900 var(--type-page-title)/.75 var(--display);letter-spacing:-.025em;text-transform:uppercase}.tools-hero h1 em,.tools-route h2 em{color:var(--red);font-style:normal}.tools-hero-copy>p:not(.op-kicker){max-width:680px;margin:28px 0 0;color:#c0cbd0;font-size:var(--type-body-large);line-height:1.7}.tools-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.tools-operator{position:relative;border:1px solid rgba(185,215,226,.22);background:rgba(5,10,14,.8);box-shadow:0 30px 80px rgba(0,0,0,.35);backdrop-filter:blur(20px)}.tools-operator::before{content:"";position:absolute;top:-1px;left:-1px;width:92px;height:3px;background:var(--red)}.tools-operator>header{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:18px;padding:0 20px;border-bottom:1px solid var(--line);color:#cbd6da;font-size:var(--type-meta);font-weight:850;letter-spacing:.09em;text-transform:uppercase}.tools-operator>header span{display:flex;align-items:center;gap:9px}.tools-operator>header i{width:7px;height:7px;border-radius:50%;background:#87969c;box-shadow:0 0 12px #87969c}.tools-operator.is-connected>header i{background:var(--green);box-shadow:0 0 12px var(--green)}.tools-operator>header b{color:#7f9199;font-size:var(--type-meta)}.tools-operator-main{padding:26px 20px 24px}.tools-operator-main small{display:block;color:#83959e;font-size:var(--type-meta);font-weight:800;letter-spacing:.09em;text-transform:uppercase}.tools-operator-main strong{display:block;margin-top:8px;font:900 2.15rem/.92 var(--display);letter-spacing:.015em;text-transform:uppercase}.tools-operator-main p{margin:13px 0 0;color:#93a3aa;font-size:var(--type-small);line-height:1.55}.tools-operator dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-block:1px solid var(--line)}.tools-operator dl>div{padding:17px 20px;border-right:1px solid var(--line)}.tools-operator dl>div:last-child{border-right:0}.tools-operator dt{color:#7f9199;font-size:var(--type-meta);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tools-operator dd{margin:8px 0 0;color:#fff;font:900 1.4rem/1 var(--display)}.tools-operator dl>div:first-child dd{color:var(--gold)}.tools-last-link{display:flex!important;min-height:54px;align-items:center;justify-content:space-between;padding:0 20px;background-position:20px calc(100% - 9px)!important}.tools-last-link b{color:var(--red);font-size:1rem}
.tools-command{position:relative;overflow:hidden;padding:clamp(92px,9vw,138px) 0 clamp(108px,11vw,164px);color:#0a151b;background:var(--tools-light)}.tools-command::after{content:"02";position:absolute;right:-1vw;top:45px;color:rgba(7,24,32,.035);font:900 24rem/.7 var(--display);pointer-events:none}.tools-command>.section-shell{position:relative;z-index:1}.tools-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,490px);gap:48px;align-items:end}.tools-section-head h2{color:#081218;font-size:var(--type-section-title)}.tools-section-head h2 em{color:#df2548;font-style:normal}.tools-section-head>p{margin:0 0 8px;color:#586c75;font-size:var(--type-body-large);line-height:1.7}
.tools-filter-console{display:grid;grid-template-columns:minmax(290px,1fr) auto auto;gap:20px;align-items:end;margin-top:52px;padding:0 0 22px;border-bottom:2px solid #0b1a22}.tools-search{position:relative;display:grid;gap:9px}.tools-search>span{color:#60747d;font-size:var(--type-label);font-weight:850;letter-spacing:.08em;text-transform:uppercase}.tools-search input{width:100%;height:58px;padding:0 54px 0 18px;border:1px solid rgba(8,25,34,.28);border-radius:0;outline:0;color:#0b1920;background:#f7f9fa;font-size:var(--type-body);font-weight:650;transition:border-color .18s,box-shadow .18s}.tools-search input:focus{border-color:#df2548;box-shadow:0 0 0 3px rgba(223,37,72,.1)}.tools-search input::placeholder{color:#819198}.tools-search kbd{position:absolute;right:16px;bottom:17px;display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(8,25,34,.25);color:#637780;background:#e4eaed;font:800 var(--type-meta)/1 var(--body)}.tools-tabs{display:flex;gap:5px}.tools-page .tools-tabs .ctv-tab{border-color:rgba(8,25,34,.24);color:#5e727b;background:transparent}.tools-page .tools-tabs .ctv-tab:hover{border-color:#132932;color:#07131a;background:rgba(7,24,32,.05)}.tools-page .tools-tabs .ctv-tab.is-active{border-color:#df2548;color:#111c22;background:rgba(223,37,72,.08)}.tools-result-state{margin:0 0 14px;color:#687b83;font-size:var(--type-label);font-weight:800;letter-spacing:.06em;white-space:nowrap;text-transform:uppercase}
.tools-list{border-bottom:1px solid var(--tools-light-line)}.tool-entry{position:relative;display:grid;grid-template-columns:48px 12px minmax(0,1fr) 120px 170px;gap:22px;align-items:center;min-height:148px;border-top:1px solid var(--tools-light-line);color:#101d23;text-decoration:none}.tool-entry[hidden]{display:none}.tool-entry::after{content:"";position:absolute;right:0;bottom:-1px;left:82px;height:2px;background:#df2548;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.tool-entry:hover::after,.tool-entry:focus-visible::after{transform:scaleX(1)}.tools-page .tool-entry.ctv-card-link:hover{border-color:var(--tools-light-line);background:rgba(255,255,255,.48);box-shadow:none;transform:none}.tool-entry-index{color:#8b9aa0;font:850 1rem/1 var(--display)}.tool-entry-signal{width:8px;height:8px;border-radius:50%;background:#df2548;box-shadow:0 0 13px rgba(223,37,72,.55)}.tool-entry-signal--gold{background:#d89212;box-shadow:0 0 13px rgba(216,146,18,.5)}.tool-entry-signal--green{background:#168b5c;box-shadow:0 0 13px rgba(22,139,92,.5)}.tool-entry-signal--ice{background:#3186a8;box-shadow:0 0 13px rgba(49,134,168,.5)}.tool-entry-copy{min-width:0;padding:25px 0}.tool-entry-copy small{display:block;color:#687c85;font-size:var(--type-meta);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tool-entry-copy strong{display:block;margin-top:8px;font:900 clamp(1.7rem,2.35vw,2.45rem)/.9 var(--display);letter-spacing:.01em}.tool-entry-copy p{max-width:720px;margin:10px 0 0;color:#5e7179;font-size:var(--type-small);line-height:1.55}.tool-entry-tag{justify-self:start;padding:7px 9px;border:1px solid rgba(8,25,34,.2);color:#536870;font-size:var(--type-meta);font-weight:800;letter-spacing:.07em;text-transform:uppercase}.tool-entry-open{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#14232a;font-size:var(--type-control);font-weight:900;letter-spacing:.06em;text-transform:uppercase}.tool-entry-open b{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(8,25,34,.28);font-size:.95rem;transition:border-color .18s,color .18s,background .18s}.tool-entry:hover .tool-entry-open b{border-color:#df2548;color:#fff;background:#df2548}.tools-empty{padding:70px 20px 0;text-align:center}.tools-empty strong{display:block;font:900 2.4rem/1 var(--display)}.tools-empty p{margin:10px 0 25px;color:#657880}.tools-empty .ctv-action{margin:auto}
.tools-route{position:relative;overflow:hidden;padding:clamp(105px,11vw,170px) 0;background:#060a0d}.tools-route::before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(159,215,238,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(159,215,238,.15) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}.tools-route-grid{position:relative;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(480px,1.28fr);gap:clamp(70px,10vw,170px)}.tools-route header{align-self:start}.tools-route h2{font-size:var(--type-section-title)}.tools-route header>p:not(.op-kicker){max-width:540px;margin:25px 0 28px;color:#93a4ab;font-size:var(--type-body);line-height:1.7}.tools-route-steps{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.tools-route-steps li{display:grid;grid-template-columns:62px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.tools-route-steps li>b{color:var(--red);font:900 1.2rem/1 var(--display)}.tools-route-steps span{display:grid;gap:8px}.tools-route-steps strong{font:900 1.5rem/1 var(--display);letter-spacing:.03em;text-transform:uppercase}.tools-route-steps small{max-width:560px;color:#8d9fa7;font-size:var(--type-small);line-height:1.55}
@media(max-width:1120px){.tools-hero-shell{grid-template-columns:minmax(0,1fr) 360px;gap:48px}.tools-filter-console{grid-template-columns:1fr}.tools-tabs{overflow-x:auto;padding-bottom:4px}.tools-result-state{margin:0}.tool-entry{grid-template-columns:40px 10px minmax(0,1fr) 145px}.tool-entry-tag{display:none}.tools-route-grid{gap:70px}}
@media(max-width:920px){.tools-hero{min-height:auto;padding:calc(var(--nav-h) + 55px) 0 70px}.tools-hero-shell{grid-template-columns:1fr}.tools-hero-copy{max-width:720px}.tools-operator{max-width:600px}.tools-section-head,.tools-route-grid{grid-template-columns:1fr}.tools-section-head{gap:24px}.tools-section-head>p{max-width:700px}.tools-route-grid{gap:55px}.tool-entry{grid-template-columns:36px 9px minmax(0,1fr);gap:16px;padding:4px 0}.tool-entry-open{grid-column:3;margin-top:-14px;padding-bottom:22px;justify-content:flex-start}.tool-entry-open b{margin-left:auto}}
@media(max-width:620px){.tools-hero-shell,.tools-command>.section-shell,.tools-route>.section-shell{width:calc(100% - 28px)}.tools-hero h1{font-size:clamp(3.35rem,16vw,4.8rem)}.tools-section-head h2,.tools-route h2{font-size:clamp(3rem,14vw,4rem)}.tools-hero-actions{display:grid}.tools-operator dl{grid-template-columns:1fr}.tools-operator dl>div{border-right:0;border-bottom:1px solid var(--line)}.tools-operator dl>div:last-child{border-bottom:0}.tools-tabs{gap:4px}.tools-page .tools-tabs .ctv-tab{flex:0 0 auto}.tool-entry{min-height:0;padding:15px 0}.tool-entry-index{align-self:start;padding-top:10px}.tool-entry-signal{align-self:start;margin-top:12px}.tool-entry-copy{padding:5px 0}.tool-entry-copy strong{font-size:1.65rem}.tool-entry-copy p{font-size:var(--type-small)}.tool-entry-open{margin:0;padding-bottom:4px}.tools-route-steps li{grid-template-columns:48px 1fr;gap:14px}}
@media(prefers-reduced-motion:reduce){.tools-hero-image{transform:none}.tool-entry::after{transition:none}}
