/* Tools landing only; no calculator, shared footer or typography changes. */
body[data-page="tools"][data-layout="tools-studio"] .landing-shell { width: min(1180px, calc(100% - 32px)); }
body[data-page="tools"][data-layout="tools-studio"] .landing-card.site-card { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
body[data-page="tools"] .nx-tools-studio { --nx-tools-motion-ready: 1; display: grid; gap: 22px; }
body[data-page="tools"] .nx-tools-studio :is(h1,h2,p) { white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; -webkit-hyphens: none !important; }
body[data-page="tools"] .nx-tools-studio .nx-tools-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr); gap: 32px; align-items: center; overflow: hidden; min-height: 410px; padding: clamp(24px,3.3vw,42px); border: 1px solid rgba(107,179,204,.23); border-radius: 28px; background: radial-gradient(ellipse at 0 0,rgba(59,147,173,.13),transparent 64%),linear-gradient(135deg,#102231,#0a1625 68%,#0d192b); box-shadow: inset 0 1px rgba(224,250,255,.035),0 18px 45px rgba(0,4,12,.14); }
body[data-page="tools"] .nx-tools-studio .nx-tools-hero::after { content: ""; position: absolute; z-index: -1; width: 450px; aspect-ratio: 1; inset-inline-end: -14%; top: -65%; border: 1px solid rgba(135,205,222,.09); border-radius: 50%; box-shadow: 0 0 0 40px rgba(118,188,210,.025),0 0 0 80px rgba(118,188,210,.015); pointer-events: none; }
body[data-page="tools"] .nx-tools-studio .nx-tools-copy { padding: 0 !important; border-radius: 0; min-width: 0; }
body[data-page="tools"] .nx-tools-studio .nx-tools-copy h1 { max-width: none !important; text-wrap: balance !important; }
body[data-page="tools"] .nx-tools-studio .nx-tools-copy p { text-align: justify; text-justify: inter-word; }
body[data-page="tools"] .nx-tools-studio .nx-tools-kicker { display: flex; align-items: center; gap: 9px; color: #8bd9e6; }
body[data-page="tools"] .nx-tools-studio .nx-tools-kicker > i { width: 6px; height: 6px; border-radius: 50%; background: #8ad9e3; box-shadow: 0 0 14px rgba(138,217,227,.3); }
body[data-page="tools"] .nx-tools-studio .nx-tools-hero-actions { margin-top: 23px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-hero-actions a { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 44px; padding: 11px 17px; border: 1px solid rgba(124,197,223,.18); border-radius: 12px; background: linear-gradient(120deg,#2d8efa,#7254ff); color: #fff; text-decoration: none; box-shadow: 0 9px 24px rgba(46,98,202,.16); font-weight: 750; }
body[data-page="tools"] .nx-tools-studio .nx-tools-facts { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; margin-top: 22px; color: #91aabd; }
body[data-page="tools"] .nx-tools-studio .nx-tools-facts > span { display: inline-flex; align-items: center; gap: 8px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-facts b { color: #cce6eb; font-weight: 700; }
body[data-page="tools"] .nx-tools-studio .nx-tools-facts i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #80bfb8; }
body[data-page="tools"] .nx-tools-studio .nx-tools-visual { position: relative; min-width: 0; min-height: 300px; width: 100%; aspect-ratio: 1.14; max-height: 360px; isolation: isolate; }
body[data-page="tools"] .nx-tools-studio .nx-tools-perspective-grid { position: absolute; inset: 28% -10% -15%; background-image: linear-gradient(rgba(115,183,207,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(115,183,207,.08) 1px,transparent 1px); background-size: 30px 30px; transform: perspective(500px) rotateX(65deg) rotateZ(-18deg); mask-image: radial-gradient(ellipse,#000,transparent 68%); -webkit-mask-image: radial-gradient(ellipse,#000,transparent 68%); }
body[data-page="tools"] .nx-tools-studio .nx-tools-deck { position: absolute; inset: 18% 4% 8%; border: 1px solid rgba(119,186,210,.13); border-radius: 24px; background: linear-gradient(150deg,rgba(33,68,86,.32),rgba(10,27,44,.05)); transform: perspective(700px) rotateY(-12deg) rotateX(8deg) rotateZ(-8deg); }
body[data-page="tools"] .nx-tools-studio .nx-tools-deck-back { transform: translate(-13px,18px) perspective(700px) rotateY(-12deg) rotateX(8deg) rotateZ(-12deg); opacity: .6; }
body[data-page="tools"] .nx-tools-studio .nx-tools-console { position: absolute; inset: 7% 5% 12%; overflow: hidden; display: flex; flex-direction: column; padding: 18px; border: 1px solid rgba(147,209,229,.32); border-radius: 23px; background: linear-gradient(150deg,#193346,#102637 46%,#0c1a2d); box-shadow: -12px 23px 34px rgba(0,4,12,.32),inset 0 1px rgba(229,251,255,.08); transform: perspective(700px) rotateY(-10deg) rotateX(7deg) rotateZ(-4deg); animation: nx-tools-console 8s ease-in-out infinite; }
body[data-page="tools"] .nx-tools-studio .nx-tools-console::after { content: ""; position: absolute; width: 60%; height: 180%; top: -40%; left: -100%; background: linear-gradient(90deg,transparent,rgba(209,244,255,.035),transparent); transform: rotate(25deg); animation: nx-tools-glint 12s ease-in-out infinite; pointer-events: none; }
body[data-page="tools"] .nx-tools-studio .nx-tools-console-head { display: flex; align-items: center; gap: 9px; color: #a6c4d3; font-size: .72rem; letter-spacing: .02em; }
body[data-page="tools"] .nx-tools-studio .nx-tools-console-head > i { margin-inline-start: auto; height: 5px; width: 5px; border-radius: 50%; background: #8dd6c1; box-shadow: 0 0 10px rgba(141,214,193,.2); }
body[data-page="tools"] .nx-tools-studio .nx-tools-console-mark { color: #97d5df; width: 22px; height: 22px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-console-mark svg { display: block; width: 100%; height: 100%; }
body[data-page="tools"] .nx-tools-studio .nx-tools-console-body { flex: 1; display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,.8fr); align-items: center; gap: 14px; margin-top: 12px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-gauge { display: flex; flex-direction: column; align-items: center; gap: 0; min-width: 0; }
body[data-page="tools"] .nx-tools-studio .nx-tools-gauge svg { display: block; width: 100%; max-height: 150px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-gauge > span { color: #8bafc1; font-size: .67rem; text-align: center; }
body[data-page="tools"] .nx-tools-studio .nx-tools-allocation { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 6px; min-height: 112px; padding-bottom: 12px; border-bottom: 1px solid rgba(124,180,207,.16); direction: ltr; }
body[data-page="tools"] .nx-tools-studio .nx-tools-allocation > span { width: 11%; height: 40px; background: linear-gradient(180deg,rgba(110,188,209,.35),rgba(76,135,168,.08)); border-top: 1px solid rgba(153,217,229,.3); border-radius: 3px 3px 0 0; }
body[data-page="tools"] .nx-tools-studio .nx-tools-allocation > span:nth-child(2) { height: 63px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-allocation > span:nth-child(3) { height: 47px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-allocation > span:nth-child(4) { height: 79px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-allocation > span:nth-child(5) { height: 58px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-allocation > span:nth-child(6) { height: 95px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-allocation svg { position: absolute; inset: 7px -2px 15px; width: calc(100% + 4px); height: 80px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-flow { animation: nx-tools-flow 10s linear infinite; }
body[data-page="tools"] .nx-tools-studio .nx-tools-console-modules { display: grid; gap: 6px; margin-top: 15px; grid-template-columns: repeat(3,minmax(0,1fr)); }
body[data-page="tools"] .nx-tools-studio .nx-tools-console-modules > span { display: flex; align-items: center; justify-content: center; gap: 5px; padding: 7px 3px; border: 1px solid rgba(126,181,205,.13); border-radius: 7px; background: rgba(6,22,35,.3); color: #a0bfcc; font-size: .61rem; white-space: nowrap; }
body[data-page="tools"] .nx-tools-studio .nx-tools-console-modules i { width: 4px; height: 4px; flex: 0 0 auto; border-radius: 50%; background: #7fc7d2; }
body[data-page="tools"] .nx-tools-studio .nx-tools-console-modules > span:nth-child(2) i { background: #93d2bf; }
body[data-page="tools"] .nx-tools-studio .nx-tools-console-modules > span:nth-child(3) i { background: #a7a0d8; }
body[data-page="tools"] .nx-tools-studio .nx-tools-floating-label { position: absolute; inset-inline-end: -1%; bottom: 6%; display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid rgba(135,197,219,.25); border-radius: 10px; background: linear-gradient(130deg,#1b3747,#102335); color: #c2dce4; font-size: .7rem; box-shadow: 0 7px 20px rgba(0,4,10,.2); }
body[data-page="tools"] .nx-tools-studio .nx-tools-floating-label > i { width: 5px; height: 5px; border-radius: 50%; background: #92d8cb; }
body[data-page="tools"] .nx-tools-studio .nx-tools-section-label { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; color: #7faec0; }
body[data-page="tools"] .nx-tools-studio .nx-tools-section-label > i { height: 1px; flex: 1; background: linear-gradient(90deg,transparent,rgba(132,187,204,.22),transparent); }
body[data-page="tools"] .nx-tools-studio .nx-tools-section-label > b { color: #a6b9c9; font-weight: 500; }
body[data-page="tools"] .nx-tools-studio .nx-tools-grid { gap: 18px; margin: 0; }
body[data-page="tools"] .nx-tools-studio .nx-tools-card { position: relative; justify-content: flex-start; min-width: 0; padding: clamp(23px,2.7vw,31px); border-radius: 22px; border-color: rgba(115,174,196,.2) !important; background: linear-gradient(140deg,#0f1f2d,#0b1726) !important; color: inherit; box-shadow: inset 0 1px rgba(220,250,255,.025) !important; transition: border-color .25s ease,box-shadow .25s ease; }
body[data-page="tools"] .nx-tools-studio .nx-tools-card.is-primary { background: radial-gradient(ellipse at 100% 0,rgba(63,156,174,.1),transparent 70%),linear-gradient(140deg,#102734,#0c192a) !important; border-color: rgba(125,206,219,.3) !important; }
body[data-page="tools"] .nx-tools-studio .nx-tools-card::after { content: ""; position: absolute; top: 0; inset-inline: 28px; height: 1px; background: linear-gradient(90deg,transparent,rgba(136,219,232,.55),transparent); opacity: .5; }
body[data-page="tools"] .nx-tools-studio .nx-tools-card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-card-icon { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(139,206,224,.13); border-radius: 12px; color: #8cd4df; background: rgba(98,174,198,.06); }
body[data-page="tools"] .nx-tools-studio .nx-tools-card-icon svg { width: 21px; height: 21px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-card-number { color: #607f95; font-weight: 600; font-variant-numeric: tabular-nums; direction: ltr; }
body[data-page="tools"] .nx-tools-studio .nx-tools-card-category { margin-bottom: 8px; color: #84afc0; font-weight: 500; }
body[data-page="tools"] .nx-tools-studio .nx-tools-card h2 { display: block !important; min-height: 0 !important; overflow: visible; -webkit-line-clamp: unset; margin-bottom: 10px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-card p { flex: 1; margin: 0 0 24px; text-align: justify; text-justify: inter-word; }
body[data-page="tools"] .nx-tools-studio .nx-tools-card-cta { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #9bdae5; font-weight: 650; }
body[data-page="tools"] .nx-tools-studio .nx-tools-card-cta i { font-style: normal; transition: transform .2s ease; }
body[data-page="tools"] .nx-tools-studio a:focus-visible { outline: 2px solid #8edeea; outline-offset: 4px; }
body[data-page="tools"] .nx-tools-studio .nx-tools-note { display: flex; align-items: flex-start; gap: 14px; padding: 22px 26px; border: 1px solid rgba(117,174,196,.17); border-radius: 19px; background: rgba(13,30,43,.65); }
body[data-page="tools"] .nx-tools-studio .nx-tools-note-icon { width: 26px; height: 26px; flex: 0 0 auto; color: #82b9c8; }
body[data-page="tools"] .nx-tools-studio .nx-tools-note-icon svg { width: 100%; height: 100%; }
body[data-page="tools"] .nx-tools-studio .nx-tools-note strong { display: block; margin-bottom: 5px; color: #bad4df; font-weight: 600; }
body[data-page="tools"] .nx-tools-studio .nx-tools-note p { margin: 0; line-height: 1.9; color: #8fa9bc; }
body[data-page="tools"] .nx-tools-studio[data-tools-motion="active"] [data-tools-reveal="pending"] { opacity: 0; transform: translateY(12px); }
body[data-page="tools"] .nx-tools-studio [data-tools-reveal] { transition: opacity .75s cubic-bezier(.2,.65,.3,1),transform .75s cubic-bezier(.2,.65,.3,1); }
body[data-page="tools"] .nx-tools-studio [data-tools-reveal="seen"] { opacity: 1; transform: none; }
body[data-page="tools"] .nx-tools-studio[data-tools-visual="paused"] .nx-tools-console::after,
body[data-page="tools"] .nx-tools-studio[data-tools-visual="paused"] :is(.nx-tools-console,.nx-tools-flow) { animation-play-state: paused; }
@keyframes nx-tools-console { 0%,100% { transform: perspective(700px) rotateY(-10deg) rotateX(7deg) rotateZ(-4deg) translateY(0); } 50% { transform: perspective(700px) rotateY(-8deg) rotateX(5deg) rotateZ(-3deg) translateY(-7px); } }
@keyframes nx-tools-console-mobile { 0%,100% { transform: rotate(-3deg) translateY(0); } 50% { transform: rotate(-2deg) translateY(-5px); } }
@keyframes nx-tools-glint { 0%,30% { left: -100%; } 70%,100% { left: 150%; } }
@keyframes nx-tools-flow { to { stroke-dashoffset: -191; } }
@media (hover:hover) and (pointer:fine) {
  body[data-page="tools"] .nx-tools-studio .nx-tools-card:hover { border-color: rgba(133,212,228,.45) !important; box-shadow: 0 13px 30px rgba(0,4,12,.2) !important; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-card:hover .nx-tools-card-cta i { transform: translateX(3px); }
  body.is-fa[data-page="tools"] .nx-tools-studio .nx-tools-card:hover .nx-tools-card-cta i { transform: translateX(-3px); }
}
@media (max-width:1000px) {
  body[data-page="tools"] .nx-tools-studio .nx-tools-hero { grid-template-columns: minmax(0,1.1fr) minmax(260px,.9fr); gap: 20px; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-console { padding: 13px; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-console-modules { gap: 4px; margin-top: 9px; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-console-modules > span { white-space: normal; text-align: center; line-height: 1.4; padding-block: 4px; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-console-body { margin-top: 7px; gap: 7px; }
}
@media (max-width:760px) {
  body[data-page="tools"][data-layout="tools-studio"] .landing-shell { width: min(1180px,calc(100% - 20px)); }
  body[data-page="tools"] .nx-tools-studio .nx-tools-hero { grid-template-columns: 1fr; padding: 26px 22px 16px; gap: 14px; border-radius: 23px; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-visual { max-width: 380px; max-height: 310px; justify-self: center; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-console { inset: 5% 5% 12%; animation-name: nx-tools-console-mobile; transform: rotate(-3deg); }
  body[data-page="tools"] .nx-tools-studio .nx-tools-gauge svg { max-height: 115px; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-allocation { min-height: 88px; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-allocation > span { max-height: 75px; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-console-modules { grid-template-columns: repeat(3,minmax(0,1fr)); }
  body[data-page="tools"] .nx-tools-studio .nx-tools-console-modules > span { flex-direction: column; white-space: normal; text-align: center; line-height: 1.4; padding: 5px 2px; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-console-head { font-size: .65rem; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-gauge > span { font-size: .59rem; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-floating-label { inset-inline-end: 0; font-size: .65rem; padding: 7px 9px; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-grid { grid-template-columns: 1fr; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-section-label { gap: 10px; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-section-label > b { flex-basis: 100%; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-note { padding: 20px; gap: 11px; }
  body.is-en[data-page="tools"] .nx-tools-studio :is(.nx-tools-copy p,.nx-tools-card p) { text-align: start; }
}
@media (max-width:360px) {
  body[data-page="tools"] .nx-tools-studio .nx-tools-hero { padding-inline: 18px; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-visual { min-height: 300px; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-console-head { gap: 6px; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-console-body { grid-template-columns: minmax(0,1.45fr) minmax(0,.75fr); }
}
@media (prefers-reduced-motion:reduce), print {
  body[data-page="tools"] .nx-tools-studio [data-tools-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-console::after,
  body[data-page="tools"] .nx-tools-studio :is(.nx-tools-console,.nx-tools-flow) { animation: none !important; }
}
@media print {
  body[data-page="tools"] .nx-tools-studio .nx-tools-visual { display: none; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-hero { display: block; }
  body[data-page="tools"] .nx-tools-studio .nx-tools-card { break-inside: avoid; }
}