.tools-page .desktop-nav .is-current{color:var(--text);position:relative}
.tools-page .desktop-nav .is-current::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--accent)}

.tools-hero{padding-block:28px clamp(68px,9vw,132px);border-bottom:1px solid var(--line)}
.tools-hero__layout{display:grid;gap:52px}
.tools-hero h1{max-width:13ch;margin-top:18px;font-size:clamp(52px,9vw,104px);font-weight:575;line-height:.98;letter-spacing:-.06em;text-wrap:balance}
.tools-hero__lead{max-width:60ch;margin-top:28px;color:var(--muted);font-size:clamp(18px,1.65vw,22px);line-height:1.55}
.tools-hero__index{display:flex;flex-direction:column;border-top:1px solid var(--line-strong)}
.tools-hero__index a{min-height:56px;display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:16px;border-bottom:1px solid var(--line);transition:color 160ms var(--ease)}
.tools-hero__index span{color:var(--quiet);font-size:11px}
.tools-hero__index strong{font-size:15px;font-weight:560}
.tools-hero__index a::after{content:"↓";color:var(--quiet)}

.tools-flagship{padding-block:clamp(64px,8vw,104px);border-bottom:1px solid var(--line);background:var(--surface-deep)}
.flagship-panel{display:grid;gap:28px;padding:32px;border-top:1px solid var(--accent);border-bottom:1px solid var(--line-strong);background:var(--surface)}
.flagship-panel h2{max-width:16ch;margin-top:10px;font-size:clamp(30px,5vw,52px);font-weight:560;line-height:1.06;letter-spacing:-.045em}
.flagship-panel__copy>p:not(.eyebrow){max-width:62ch;margin-top:16px;color:var(--muted);font-size:15px;line-height:1.62}
.flagship-meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:12px}
.flagship-meta li+li::before{content:"·";margin-right:18px;color:var(--quiet)}
.flagship-panel .button{justify-self:start}

.tools-section{padding-block:clamp(80px,10vw,128px);border-bottom:1px solid var(--line)}
.tools-section--alt{background:var(--surface)}
.tools-heading{display:grid;gap:22px;margin-bottom:clamp(44px,6vw,72px)}
.tools-heading h2{max-width:15ch;margin-top:12px;font-size:clamp(38px,6vw,64px);font-weight:565;line-height:1.03;letter-spacing:-.05em;text-wrap:balance}
.tools-heading>p{max-width:56ch;color:var(--muted);font-size:15px;line-height:1.65}

.tool-list{list-style:none;border-top:1px solid var(--line-strong)}
.tool-list>li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px 16px;padding:26px 0;border-bottom:1px solid var(--line)}
.tool-number{padding-top:6px;color:var(--quiet);font-size:11px}
.tool-main h3{font-size:clamp(21px,2.4vw,26px);font-weight:535;line-height:1.2;letter-spacing:-.03em}
.tool-main p{max-width:64ch;margin-top:8px;color:var(--muted);font-size:14px;line-height:1.6}
.tool-tags,.tool-state{grid-column:2;color:var(--quiet);font-size:11px;line-height:1.5;letter-spacing:.02em}
.tool-action{grid-column:2;justify-self:start;min-height:44px;display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:14px;font-weight:560;transition:color 160ms var(--ease)}
.bm-action{grid-column:2;justify-self:start;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid var(--line-strong);border-radius:var(--r1);color:var(--text);font-size:13px;font-weight:560;cursor:grab;transition:color 160ms var(--ease),border-color 160ms var(--ease)}

.tools-scripts__layout{display:grid;gap:56px}
.tools-scripts__copy h2{max-width:15ch;margin-top:12px;font-size:clamp(38px,6vw,64px);font-weight:565;line-height:1.03;letter-spacing:-.05em;text-wrap:balance}
.tools-scripts__stat{margin-top:26px;font-size:clamp(22px,2.6vw,30px);font-weight:585;line-height:1.1;letter-spacing:-.04em}
.tools-scripts__copy>p:not(.eyebrow):not(.tools-scripts__stat){max-width:58ch;margin-top:18px;color:var(--muted);font-size:15px;line-height:1.65}
.tools-scripts__copy .text-link{margin-top:28px}
.script-list{list-style:none;align-self:end;border-top:1px solid var(--line-strong)}
.script-list li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5}
.script-list span{padding-top:3px;color:var(--quiet);font-size:11px}

.tools-contact{padding-block:clamp(80px,10vw,128px);background:var(--surface-deep)}
.tools-contact h2{max-width:16ch;margin-top:14px;font-size:clamp(36px,6vw,64px);font-weight:575;line-height:1.04;letter-spacing:-.048em;text-wrap:balance}
.tools-contact__layout{display:grid;gap:40px}
.tools-contact__layout>div:first-child>p:not(.eyebrow){max-width:54ch;margin-top:20px;color:var(--muted);font-size:16px;line-height:1.62}
.tools-contact__actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.tools-contact__direct{color:var(--muted);font-size:13px;line-height:1.6}
.tools-contact__direct a{min-height:44px;display:inline-flex;align-items:center;color:var(--text);font-weight:560;text-decoration-line:underline;text-decoration-color:var(--accent);text-underline-offset:5px;transition:color 160ms var(--ease)}

@media (hover:hover){
  .tools-hero__index a:hover,.tool-action:hover,.tools-contact__direct a:hover{color:var(--accent)}
  .bm-action:hover{border-color:var(--accent);color:var(--accent)}
}

@media (min-width:60rem){
  .tools-hero__layout{grid-template-columns:minmax(0,7fr) minmax(320px,5fr);align-items:end;gap:80px}
  .tools-heading{grid-template-columns:minmax(0,7fr) minmax(300px,4fr);align-items:end;gap:80px}
  .tools-heading>p{justify-self:end}
  .flagship-panel{grid-template-columns:minmax(0,6fr) minmax(200px,3fr) auto;align-items:end;gap:48px;padding:40px}
  .flagship-meta{display:grid;gap:8px}
  .flagship-meta li+li::before{content:none}
  .tool-list>li{grid-template-columns:40px minmax(0,1fr) 180px max-content;gap:20px;align-items:center;padding:28px 0}
  .tool-number{padding-top:0}
  .tool-tags{grid-column:3;grid-row:1}
  .tool-state,.tool-action,.bm-action{grid-column:4;grid-row:1;justify-self:end}
  .tools-scripts__layout{grid-template-columns:minmax(0,6fr) minmax(320px,5fr);gap:80px}
  .tools-contact__layout{grid-template-columns:minmax(0,7fr) minmax(300px,5fr);align-items:center;gap:80px}
}

@media (max-width:30rem){
  .tools-hero h1{font-size:clamp(45px,12.8vw,52px)}
  .tools-hero__lead{font-size:17px}
  .tools-hero__index a{grid-template-columns:88px minmax(0,1fr) auto;gap:12px}
  .flagship-panel{padding:26px 20px}
  .flagship-panel .button{width:100%}
  .tool-main h3{font-size:20px}
  .tool-main p{font-size:13px}
  .bm-action{width:100%}
  .tools-contact__actions{width:100%}
  .tools-contact__actions .button{width:100%}
}

@media print{
  .tools-flagship,.tools-section,.tools-contact{background:#fff;color:#111}
  .bm-action{display:none}
}
