:root{--midnight:#06111f;--navy:#0a1b31;--deep:#0d3159;--blue:#145da0;--cyan:#2ed4ff;--ice:#cdefff;--white:#f4faff}
*{box-sizing:border-box}.tools-main{background:#f4faff;min-height:100vh}.tools-hero{position:relative;overflow:hidden;color:#fff;padding:clamp(6rem,10vw,9rem) 0 5rem;background:linear-gradient(135deg,#0b3968,#145da0)}.tools-hero:before,.tools-hero:after{content:"";position:absolute;border:1px solid rgba(205,239,255,.22);border-radius:50%;width:42rem;height:42rem;inset:auto auto -24rem -8rem}.tools-hero:after{width:26rem;height:26rem;inset:-10rem -7rem auto auto;border-width:5rem;border-color:rgba(46,212,255,.08)}.tools-hero__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.55fr);align-items:end;gap:clamp(2rem,6vw,7rem);position:relative}.tools-hero h1,.tool-hero h1{font-family:Rubik,Heebo,sans-serif;font-size:clamp(3rem,7vw,6.4rem);line-height:.94;margin:.75rem 0 1.3rem;letter-spacing:-.05em}.tools-hero h1 strong,.tool-hero h1 strong{color:var(--cyan)}.tools-hero p{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7;max-width:44rem}.tools-hero__bizo{position:relative;display:flex;justify-content:center}.tools-hero__bizo:before{content:"";position:absolute;inset:16% 0 0;border-radius:50%;background:radial-gradient(circle,#2ed4ff55,transparent 65%)}.tools-hero__bizo img{position:relative;max-height:25rem;max-width:100%;object-fit:contain;filter:drop-shadow(0 24px 38px rgba(0,0,0,.24))}.tool-filter{display:flex;gap:.7rem;flex-wrap:wrap;padding:1.1rem;background:#fff;border:1px solid #d8ecf8;border-radius:1.4rem;box-shadow:0 20px 60px rgba(6,17,31,.12);position:relative;z-index:2;margin-top:-2rem}.tool-filter button{font:700 1rem Heebo;border:1px solid #c6dfef;background:#f4faff;color:#0a1b31;padding:.72rem 1rem;border-radius:.8rem;cursor:pointer}.tool-filter button[aria-pressed=true]{background:#0a1b31;color:#fff;border-color:#0a1b31}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:3rem 0 7rem}.tool-card{position:relative;display:flex;flex-direction:column;min-height:18rem;padding:1.5rem;border-radius:1.4rem;background:#fff;color:#0a1b31;text-decoration:none;border:1px solid #d5e9f5;box-shadow:0 15px 38px rgba(6,17,31,.08);transition:transform .2s ease,box-shadow .2s ease}.tool-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(6,17,31,.15)}.tool-card__icon{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:1rem;background:#cdefff;color:#0d3159;font:900 1.35rem Rubik}.tool-card small{color:#145da0;font-weight:800;margin-top:1.25rem}.tool-card h2{font:800 clamp(1.35rem,2vw,1.75rem) Rubik;margin:.35rem 0 .65rem}.tool-card p{line-height:1.6;color:#3e5970;margin:0}.tool-card b{margin-top:auto;padding-top:1.2rem;color:#0d3159}.tool-card[hidden]{display:none}.tool-main{background:#eaf7ff;min-height:100vh}.tool-hero{background:linear-gradient(135deg,#0a1b31,#145da0);color:#fff;padding:7rem 0 4rem;overflow:hidden}.tool-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,.36fr);gap:3rem;align-items:center}.tool-hero__inner img{width:100%;max-height:19rem;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(0,0,0,.25))}.tool-hero .crumbs a{color:#cdefff}.tool-hero .crumbs{font-weight:700}.tool-hero p{font-size:1.15rem;line-height:1.65;max-width:45rem}.tool-shell{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(22rem,1.2fr);gap:1.2rem;padding:3rem 0}.tool-form,.tool-result,.tool-explain{background:#fff;border:1px solid #d5e9f5;border-radius:1.5rem;padding:clamp(1.2rem,3vw,2rem);box-shadow:0 18px 46px rgba(6,17,31,.08)}.tool-form h2,.tool-result h2,.tool-explain h2{font-family:Rubik;margin-top:0}.tool-fields{display:grid;gap:.85rem}.tool-field{display:grid;grid-template-columns:1fr minmax(8rem,.55fr);gap:1rem;align-items:center;padding:.85rem;border-radius:1rem;background:#f4faff}.tool-field label{font-weight:700;color:#0a1b31}.tool-field input,.tool-field select{width:100%;border:1px solid #b9d7e8;border-radius:.75rem;padding:.8rem;font:700 1rem Heebo;background:#fff;color:#06111f}.tool-submit{width:100%;margin-top:1rem;border:0;border-radius:1rem;padding:1rem 1.2rem;background:#2ed4ff;color:#06111f;font:900 1.05rem Heebo;box-shadow:0 5px 0 #1598c4;cursor:pointer}.tool-submit:active{transform:translateY(3px);box-shadow:0 2px 0 #1598c4}.tool-result{background:linear-gradient(150deg,#0a1b31,#0d3159);color:#fff;align-self:start;position:relative;top:auto}.tool-result>p{color:#cdefff;font-weight:800}.tool-result>h2{font-size:clamp(2.4rem,5vw,4.6rem);color:#2ed4ff;margin:.35rem 0 1.4rem}.tool-result>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.tool-result article{padding:1rem;border-radius:1rem;background:#ffffff10;border:1px solid #ffffff22}.tool-result small{display:block;color:#cdefff;margin-bottom:.3rem}.tool-result article b{font-size:1.15rem}.tool-result aside{display:grid;gap:.25rem;margin-top:1rem;padding:1rem;border-radius:1rem;background:#cdefff;color:#06111f}.tool-explain{grid-column:1/-1}.tool-explain__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.tool-explain p,.tool-explain li{line-height:1.75;color:#3e5970}.tool-sources{display:flex;gap:.65rem;flex-wrap:wrap}.tool-sources a{padding:.7rem .9rem;border-radius:.7rem;background:#e5f5ff;color:#0d3159;font-weight:800}.tool-related{display:flex;gap:.65rem;flex-wrap:wrap}.tool-related a{padding:.7rem .9rem;border:1px solid #b9d7e8;border-radius:.7rem;color:#0d3159;font-weight:700}.tool-warning{margin-top:1rem;color:#60798d;font-size:.9rem}.tools-empty{padding:5rem;text-align:center}
@media(max-width:900px){.tools-hero__inner,.tool-hero__inner,.tool-shell{grid-template-columns:1fr}.tools-hero__bizo{max-height:16rem}.tools-hero__bizo img{max-height:18rem}.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-result{position:static}.tool-hero__inner img{max-height:13rem}.tool-hero{padding-top:6rem}}
@media(max-width:620px){.tools-hero{padding:6rem 0 4rem}.tools-hero h1,.tool-hero h1{font-size:2.8rem}.tool-grid{grid-template-columns:1fr;padding-top:2rem}.tool-filter{overflow:auto;flex-wrap:nowrap;margin-inline:-.5rem}.tool-filter button{white-space:nowrap}.tool-card{min-height:15rem}.tool-shell{padding:1.4rem 0 5rem}.tool-field{grid-template-columns:1fr}.tool-result>div,.tool-explain__grid{grid-template-columns:1fr}.tool-hero__inner{gap:1rem}.tool-hero__inner img{max-height:10rem}}
@media(prefers-reduced-motion:reduce){.tool-card{transition:none}.tool-card:hover{transform:none}}

/* V2 — visual, recognition-first tool worlds */
.tool-card{--tool-accent:var(--cyan);overflow:hidden;min-height:30rem;padding:.65rem;border-radius:1.65rem .65rem 1.65rem 1.65rem;box-shadow:0 .48rem 0 color-mix(in srgb,var(--tool-accent) 24%,transparent),0 1.2rem 2.8rem rgba(6,17,31,.09)}.tool-card--ice{--tool-accent:var(--ice)}.tool-card--blue{--tool-accent:var(--blue)}.tool-card--cobalt{--tool-accent:var(--deep)}.tool-card:hover{border-color:var(--tool-accent);box-shadow:0 .72rem 0 color-mix(in srgb,var(--tool-accent) 32%,transparent),0 1.8rem 3.2rem rgba(6,17,31,.16);transform:translateY(-8px) rotate(-.2deg)}
.tool-card__scene{position:relative;overflow:hidden;height:14rem;display:grid;place-items:center;border-radius:1.2rem .4rem 1.2rem 1.2rem;background:radial-gradient(circle at 50% 42%,rgba(46,212,255,.42),transparent 31%),linear-gradient(145deg,var(--navy),var(--blue))}.tool-card__scene::before,.tool-card__scene::after{content:"";position:absolute;border:1px solid rgba(205,239,255,.24);border-radius:50%}.tool-card__scene::before{width:12rem;height:12rem;inset:-4rem auto auto -3rem}.tool-card__scene::after{width:8rem;height:8rem;inset:auto -2rem -3rem auto;border-width:1.5rem;border-color:rgba(46,212,255,.09)}.tool-card__scene>i{position:absolute;width:7rem;height:.45rem;inset:auto 50% 1.65rem auto;border-radius:50%;background:rgba(6,17,31,.46);filter:blur(5px);transform:translateX(50%)}.tool-card__object{position:relative;z-index:2;width:8rem;height:8rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:2.2rem .75rem 2.2rem 2.2rem;background:linear-gradient(145deg,rgba(244,250,255,.14),rgba(46,212,255,.12));box-shadow:0 .7rem 0 color-mix(in srgb,var(--tool-accent) 48%,var(--midnight)),inset 0 1px rgba(255,255,255,.22);font-size:4.35rem;transform:rotate(2deg);transition:transform .25s ease,box-shadow .25s ease}.tool-card:hover .tool-card__object{box-shadow:0 1rem 0 color-mix(in srgb,var(--tool-accent) 58%,var(--midnight)),inset 0 1px rgba(255,255,255,.22);transform:translateY(-6px) rotate(-3deg) scale(1.04)}
.tool-card__scene-label{position:absolute;z-index:3;inset:auto 1rem 1rem auto;padding:.42rem .6rem;border:1px solid rgba(255,255,255,.16);border-radius:.65rem;color:var(--white);background:rgba(6,17,31,.72);backdrop-filter:blur(8px);font-size:.66rem;font-weight:900}
.tool-card__body{flex:1;display:flex;flex-direction:column;padding:.95rem .65rem .65rem}.tool-card__body small{margin-top:0;color:var(--blue);font-size:.65rem}.tool-card__body h2{margin:.35rem 0 .55rem;font-size:clamp(1.28rem,1.7vw,1.65rem);line-height:1.05}.tool-card__body p{font-size:.78rem;line-height:1.65}.tool-card__body>b{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:var(--deep);font-size:.72rem}.tool-card__body>b span{width:2rem;height:2rem;display:grid;place-items:center;border-radius:.7rem;color:var(--midnight);background:var(--tool-accent);box-shadow:0 3px 0 color-mix(in srgb,var(--tool-accent) 55%,var(--midnight));transition:transform .2s ease}.tool-card:hover .tool-card__body>b span{transform:translateX(-4px)}
@media(max-width:900px){.tool-card{min-height:27rem}.tool-card__scene{height:13.5rem}.tool-card__object{width:7.4rem;height:7.4rem;font-size:4rem}}
@media(max-width:620px){.tool-grid{gap:1.15rem}.tool-card{min-height:24rem}.tool-card__scene{height:12.4rem}.tool-card__object{width:6.8rem;height:6.8rem;font-size:3.65rem}.tool-card__body{padding:.85rem .55rem .55rem}.tool-card:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.tool-card__object,.tool-card__body>b span{transition:none!important}.tool-card:hover .tool-card__object,.tool-card:hover .tool-card__body>b span{transform:none}}
.tool-hero__symbol{--symbol-accent:var(--cyan);width:min(18rem,100%);aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:.8rem;justify-self:center;border:1px solid rgba(255,255,255,.18);border-radius:4rem 1.25rem 4rem 4rem;background:radial-gradient(circle at 50% 38%,rgba(46,212,255,.34),transparent 36%),rgba(6,17,31,.35);box-shadow:0 1rem 0 color-mix(in srgb,var(--symbol-accent) 38%,var(--midnight)),0 2rem 4rem rgba(0,0,0,.2)}.tool-hero__symbol--ice{--symbol-accent:var(--ice)}.tool-hero__symbol--blue{--symbol-accent:var(--blue)}.tool-hero__symbol--cobalt{--symbol-accent:var(--deep)}.tool-hero__symbol span{font-size:6rem;filter:drop-shadow(0 .8rem .6rem rgba(0,0,0,.3))}.tool-hero__symbol small{max-width:10rem;color:var(--ice);font-weight:900;text-align:center}
@media(max-width:900px){.tool-hero__symbol{width:12rem;border-radius:3rem 1rem 3rem 3rem}.tool-hero__symbol span{font-size:4.6rem}}
.tools-hero__bizo{overflow:hidden;padding:.55rem;border:1px solid rgba(205,239,255,.22);border-radius:2.4rem .8rem 2.4rem 2.4rem;background:linear-gradient(145deg,rgba(6,17,31,.58),rgba(20,93,160,.28));box-shadow:0 .7rem 0 rgba(46,212,255,.18),0 2rem 4rem rgba(6,17,31,.24)}.tools-hero__bizo img{width:100%;border-radius:2rem .55rem 2rem 2rem}

/* V3 — an interactive workbench instead of a repeated calculator grid */
.tool-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:1.15rem}.tool-card{grid-column:span 4;min-height:27rem}.tool-card:nth-child(1),.tool-card:nth-child(2){grid-column:span 6;min-height:25rem}.tool-card:nth-child(5n){grid-column:span 5}.tool-card:nth-child(5n + 1){grid-column:span 7}.tool-card__scene{height:12rem;place-items:end start;padding:1rem;background:radial-gradient(circle at 22% 28%,rgba(46,212,255,.48),transparent 34%),linear-gradient(135deg,var(--navy),var(--blue))}.tool-card__object{width:7rem;height:7rem;border:0;border-radius:50% 50% 1.6rem 1.6rem;background:rgba(244,250,255,.12);box-shadow:0 .7rem 0 color-mix(in srgb,var(--tool-accent) 48%,var(--midnight));font-size:3.7rem}.tool-card__scene-label{inset:1rem auto auto 1rem;max-width:8.5rem;line-height:1.3}.tool-card:nth-child(even) .tool-card__scene{background:radial-gradient(circle at 78% 32%,rgba(205,239,255,.34),transparent 32%),linear-gradient(145deg,var(--deep),#126fb0)}.tool-card:nth-child(3n) .tool-card__object{border-radius:1.4rem 1.4rem .4rem 1.4rem;transform:rotate(-3deg)}.tool-card:nth-child(4n) .tool-card__scene::before{width:16rem;height:16rem;inset:-9rem auto auto -5rem}.tool-card__body h2{font-size:clamp(1.3rem,1.65vw,1.72rem)}
@media(max-width:1050px){.tool-card,.tool-card:nth-child(1),.tool-card:nth-child(2),.tool-card:nth-child(5n),.tool-card:nth-child(5n + 1){grid-column:span 6}}
@media(max-width:620px){.tool-grid{grid-template-columns:1fr;gap:1rem}.tool-card,.tool-card:nth-child(1),.tool-card:nth-child(2),.tool-card:nth-child(5n),.tool-card:nth-child(5n + 1){grid-column:auto;min-height:22rem}.tool-card__scene{height:10.5rem}.tool-card__object{width:6rem;height:6rem;font-size:3.25rem}}

/* V4 — Bizo tool missions: authored pictograms, live feedback and a visible guide */
.tool-card__object svg,.tool-hero__icon svg{width:64%;height:64%;fill:none;stroke:var(--white);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 .45rem .45rem rgba(6,17,31,.28))}
.tool-card__scene>em,.tool-card__scene>b{position:absolute;z-index:1;display:block;font-style:normal;pointer-events:none}.tool-card__scene>em{width:48%;height:1.2rem;inset:auto 8% 1.3rem auto;border-radius:50%;background:rgba(6,17,31,.34);filter:blur(2px);transform:skewX(-24deg)}.tool-card__scene>b{width:2.5rem;height:2.5rem;inset:1.15rem 1.1rem auto auto;border:.42rem solid rgba(205,239,255,.2);border-inline-start-color:var(--tool-accent);border-radius:50%;transform:rotate(22deg)}
.tool-card[data-visual="growth"] .tool-card__scene,.tool-card[data-visual="flag"] .tool-card__scene{background:linear-gradient(155deg,rgba(6,17,31,.12),transparent),radial-gradient(circle at 28% 24%,rgba(46,212,255,.5),transparent 34%),linear-gradient(135deg,var(--navy),var(--blue))}.tool-card[data-visual="home"] .tool-card__scene,.tool-card[data-visual="building"] .tool-card__scene{background:linear-gradient(180deg,rgba(205,239,255,.14),transparent 45%),linear-gradient(145deg,var(--deep),#116fad)}.tool-card[data-visual="shield"] .tool-card__object,.tool-card[data-visual="target"] .tool-card__object{border-radius:50% 50% 1.2rem 1.2rem}.tool-card[data-visual="plane"] .tool-card__object,.tool-card[data-visual="car"] .tool-card__object{transform:rotate(-3deg) translateY(-.35rem)}
.tool-card:hover .tool-card__object svg{transform:scale(1.04)}.tool-card__object svg{transition:transform .22s var(--ease)}

.tool-hero__symbol{position:relative;overflow:hidden;width:min(22rem,100%);aspect-ratio:.9;border-radius:3.2rem .9rem 3.2rem 3.2rem;isolation:isolate}.tool-hero__symbol::before{content:"";position:absolute;width:17rem;aspect-ratio:1;inset:12% 50% auto auto;border:.65rem solid rgba(205,239,255,.1);border-inline-start-color:var(--symbol-accent);border-radius:50%;transform:translateX(50%) rotate(24deg)}.tool-hero__symbol>img{position:absolute;z-index:2;width:auto;height:82%;max-width:none;inset:auto 4% -5% auto;object-fit:contain;filter:drop-shadow(0 1.2rem 1.2rem rgba(6,17,31,.34))}.tool-hero__icon{position:absolute;z-index:3;width:5.2rem;height:5.2rem;inset:1rem auto auto 1rem;display:grid;place-items:center;border:1px solid rgba(244,250,255,.5);border-radius:1.35rem .45rem 1.35rem 1.35rem;background:var(--symbol-accent);box-shadow:0 .45rem 0 color-mix(in srgb,var(--symbol-accent) 55%,var(--midnight))}.tool-hero__icon svg{width:3.25rem;height:3.25rem;stroke:var(--midnight);filter:none}.tool-hero__symbol small{position:absolute;z-index:4;inset:auto 1rem 1rem auto;max-width:11rem;padding:.55rem .7rem;border:1px solid rgba(205,239,255,.22);border-radius:.7rem;color:var(--white);background:rgba(6,17,31,.78);backdrop-filter:blur(9px);text-align:right}

.tool-play{padding-top:2rem;padding-bottom:6rem}.tool-mission-rail{position:relative;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:.65rem;margin:0 0 1.25rem;padding:1rem 1.1rem;border:1px solid #c8e2f0;border-radius:1.3rem .55rem 1.3rem 1.3rem;background:rgba(255,255,255,.9);box-shadow:0 .65rem 0 rgba(20,93,160,.1),0 1.3rem 2.6rem rgba(6,17,31,.07)}.tool-mission-rail>span{min-height:2.8rem;display:flex;align-items:center;gap:.55rem;color:#678196;font-size:.72rem;font-weight:900;transition:color .2s,transform .2s}.tool-mission-rail>span b{width:2.15rem;height:2.15rem;display:grid;place-items:center;flex:0 0 auto;border:2px solid #c5deeb;border-radius:50%;background:#edf8fd}.tool-mission-rail>span.is-active{color:var(--night);transform:translateY(-2px)}.tool-mission-rail>span.is-active b{border-color:var(--white);background:var(--cyan);box-shadow:0 4px 0 #087aa8}.tool-mission-rail>i{height:2px;border-radius:2px;background:linear-gradient(90deg,#c5deeb,#2ed4ff)}
.tool-shell{padding:0;align-items:start}.tool-form,.tool-result,.tool-explain{border-radius:1.8rem .7rem 1.8rem 1.8rem}.tool-form{position:relative;overflow:hidden}.tool-form::before{content:"";position:absolute;width:10rem;aspect-ratio:1;inset:-7rem auto auto -4rem;border:1.2rem solid rgba(46,212,255,.07);border-radius:50%}.tool-form header{position:relative}.tool-form header>small{display:inline-flex;margin-bottom:.5rem;padding:.35rem .55rem;border-radius:.55rem;color:var(--blue);background:var(--ice);font-size:.65rem;font-weight:900}.tool-form header>p{color:#526f84;line-height:1.65}.tool-field{position:relative;min-height:4.25rem;border:1px solid transparent;transition:transform .18s,border-color .18s,background .18s}.tool-field:focus-within{border-color:var(--cyan);background:#e9f8ff;transform:translateY(-2px)}.tool-field input,.tool-field select{min-height:3rem;font-size:1rem;transition:border-color .18s,box-shadow .18s}.tool-field input:focus,.tool-field select:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(46,212,255,.2)}.tool-submit{min-height:3.6rem;display:flex;align-items:center;justify-content:center;gap:.7rem}.tool-submit span{display:inline-block;transition:transform .18s}.tool-submit:hover span{transform:translateX(-4px)}
.tool-result{min-height:33rem;overflow:hidden;isolation:isolate}.tool-result::before{content:"";position:absolute;z-index:-1;width:26rem;aspect-ratio:1;inset:-15rem -9rem auto auto;border:1.6rem solid rgba(46,212,255,.08);border-inline-start-color:rgba(46,212,255,.38);border-radius:50%;transform:rotate(26deg)}.tool-result__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tool-result__head p{margin:0;color:var(--ice);font-weight:900}.tool-result__head small{color:rgba(205,239,255,.62);font-size:.62rem}.tool-result__head>span{width:2.6rem;height:2.6rem;display:grid;place-items:center;color:var(--midnight);border:2px solid var(--white);border-radius:50%;background:var(--cyan);box-shadow:0 4px 0 #087aa8;font-weight:900}.tool-result>h2{position:relative;z-index:2}.tool-result__metrics{position:relative;z-index:2;grid-template-columns:repeat(3,minmax(0,1fr))!important}.tool-result__metrics article{min-height:6.5rem;display:flex;flex-direction:column;justify-content:flex-end;transform:translateY(8px);opacity:.72}.tool-result.is-reacting .tool-result__metrics article{animation:toolMetricIn .35s var(--ease) var(--metric-delay) both}.tool-result__guide{position:absolute;z-index:1;width:11rem;height:13rem;inset:auto auto -.8rem -.8rem;margin:0;pointer-events:none}.tool-result__guide i{position:absolute;width:8rem;height:8rem;inset:auto 1rem .7rem auto;border:.65rem solid rgba(46,212,255,.1);border-inline-start-color:rgba(46,212,255,.38);border-radius:50%;transform:rotate(25deg)}.tool-result__guide img{position:absolute;width:auto;height:100%;max-width:none;inset:auto 0 0 auto;filter:drop-shadow(0 1rem 1rem rgba(0,0,0,.35))}.tool-result aside{position:relative;z-index:3;max-width:calc(100% - 9rem);margin-inline-start:9rem}.tool-result aside b{color:var(--blue)}
@keyframes toolMetricIn{from{opacity:.55;transform:translateY(9px)}to{opacity:1;transform:none}}
.tool-explain{margin-top:0}.tool-explain__grid>div{padding:.2rem}.tool-sources a,.tool-related a{min-height:2.9rem;display:inline-flex;align-items:center;transition:transform .18s,background .18s}.tool-sources a:hover,.tool-related a:hover{background:var(--ice);transform:translateY(-2px)}
@media(max-width:900px){.tool-hero__symbol{width:min(100%,28rem);height:17rem;aspect-ratio:auto}.tool-hero__symbol>img{height:120%;inset:auto 15% -32% auto}.tool-hero__icon{inset:1rem auto auto 1rem}.tool-play{padding-top:1.4rem}.tool-mission-rail{margin-inline:0}.tool-result{position:relative;top:auto;min-height:29rem}}
@media(max-width:620px){.tool-mission-rail{grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.75rem .6rem}.tool-mission-rail>i{display:none}.tool-mission-rail>span{min-width:0;flex-direction:column;justify-content:center;text-align:center;font-size:.56rem}.tool-mission-rail>span b{width:2rem;height:2rem}.tool-field{min-height:0}.tool-result{min-height:31rem}.tool-result__metrics{grid-template-columns:1fr!important}.tool-result__metrics article{min-height:4.7rem}.tool-result__guide{width:8rem;height:9.5rem}.tool-result aside{max-width:calc(100% - 5.5rem);margin-inline-start:5.5rem}.tool-hero__symbol{height:14rem}.tool-hero__symbol>img{height:118%;inset:auto 10% -32% auto}.tool-hero__icon{width:4.2rem;height:4.2rem}.tool-hero__icon svg{width:2.65rem;height:2.65rem}}
@media(prefers-reduced-motion:reduce){.tool-card__object svg,.tool-mission-rail>span,.tool-field,.tool-submit span,.tool-sources a,.tool-related a{transition:none!important}.tool-result.is-reacting .tool-result__metrics article{animation:none!important;opacity:1;transform:none}}

/* Production verification: preserve the mission rail while meeting text contrast. */
.tool-mission-rail>span{color:#526b80}

/* Intentional desktop rhythm: every row closes; no accidental empty grid columns */
@media(min-width:1051px){
  .tool-grid>.tool-card{grid-column:span 4}
  .tool-grid>.tool-card:nth-child(1),.tool-grid>.tool-card:nth-child(7),.tool-grid>.tool-card:nth-child(11){grid-column:span 7}
  .tool-grid>.tool-card:nth-child(2),.tool-grid>.tool-card:nth-child(6),.tool-grid>.tool-card:nth-child(12){grid-column:span 5}
  .tool-grid>.tool-card:nth-child(13),.tool-grid>.tool-card:nth-child(14),.tool-grid>.tool-card:nth-child(15),.tool-grid>.tool-card:nth-child(16){grid-column:span 6}
}

/* V5 — a compact Bizo workbench instead of a wall of calculator cards */
.tools-workbench{padding-bottom:7rem}.tools-workbench__intro{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2rem;margin:4.5rem 0 1.6rem}.tools-workbench__intro small{color:var(--blue);font-size:.68rem;font-weight:900}.tools-workbench__intro h2{margin:.3rem 0 0;color:var(--midnight);font:900 clamp(2.8rem,5vw,5rem)/.95 Rubik,sans-serif;letter-spacing:-.055em}.tools-workbench__intro ol{display:flex;gap:.65rem;margin:0;padding:0;list-style:none}.tools-workbench__intro li{min-width:7.2rem;display:grid;grid-template-columns:2.5rem 1fr;align-items:center;gap:.55rem;padding:.65rem;border:1px solid #cbe3ef;border-radius:1rem .35rem 1rem 1rem;background:#fff;box-shadow:0 4px 0 #d9edf6}.tools-workbench__intro li b{width:2.4rem;height:2.4rem;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:var(--midnight);background:var(--cyan);box-shadow:0 3px 0 #087aa8;font:900 .76rem Rubik}.tools-workbench__intro li span{color:#4e6b80;font-size:.65rem;font-weight:900;line-height:1.3}
.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;padding:0}
.tool-grid>.tool-card,.tool-grid>.tool-card:nth-child(n){grid-column:auto;min-height:17.5rem;display:grid;grid-template-columns:minmax(9.5rem,.72fr) minmax(0,1.28fr);padding:.62rem;border-radius:1.55rem .5rem 1.55rem 1.55rem;background:#fff}
.tool-card__scene{height:100%;min-height:16.2rem;place-items:center;padding:1rem;border-radius:1.15rem .32rem 1.15rem 1.15rem}
.tool-card__object{width:6.8rem;height:6.8rem;place-self:center;border-radius:50% 50% 1.3rem 1.3rem;background:rgba(244,250,255,.13);box-shadow:0 .62rem 0 color-mix(in srgb,var(--tool-accent) 52%,var(--midnight))}
.tool-card__scene-label{inset:auto .75rem .75rem .75rem;max-width:none;text-align:center}
.tool-card__body{position:relative;min-width:0;padding:1rem 1.05rem .8rem}.tool-card__mission{position:absolute;inset:.75rem auto auto .75rem;color:#8aa5b7;font:900 .57rem/1 Rubik,sans-serif;letter-spacing:.08em}.tool-card__body small{margin:0;color:var(--blue);font-size:.61rem}.tool-card__body h2{margin:.35rem 0 .55rem;font-size:clamp(1.35rem,1.65vw,1.8rem);line-height:1.08}.tool-card__body p{color:#49667b;font-size:.78rem;line-height:1.65}.tool-card__play{display:flex;gap:.35rem;margin-top:1rem}.tool-card__play i{display:inline-flex;align-items:center;gap:.25rem;padding:.32rem .45rem;border:1px solid #d3e8f2;border-radius:.55rem;color:#567386;background:#f4faff;font-size:.54rem;font-style:normal;font-weight:900}.tool-card__play i::before{content:"";width:.38rem;height:.38rem;border-radius:50%;background:var(--tool-accent)}.tool-card__body>b{padding-top:.8rem;border-top:1px solid #e0eef5}.tool-card:hover{transform:translateY(-6px)}.tool-card:hover .tool-card__object{transform:translateY(-4px) rotate(-2deg) scale(1.03)}
@media(max-width:1050px){.tools-workbench__intro{grid-template-columns:1fr}.tools-workbench__intro ol{justify-content:flex-start}.tool-grid{grid-template-columns:1fr 1fr}.tool-grid>.tool-card,.tool-grid>.tool-card:nth-child(n){grid-template-columns:1fr;min-height:25rem}.tool-card__scene{min-height:10.5rem;height:10.5rem}.tool-card__object{width:5.7rem;height:5.7rem}.tool-card__scene-label{inset:.75rem auto auto .75rem;max-width:8rem}.tool-card__body{min-height:13rem}}
@media(max-width:700px){.tools-workbench{padding-inline:.75rem}.tools-workbench__intro{margin:3rem 0 1.2rem;text-align:center}.tools-workbench__intro ol{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.tools-workbench__intro li{min-width:0;grid-template-columns:1fr;justify-items:center;text-align:center;padding:.55rem .3rem}.tools-workbench__intro h2{font-size:3rem}.tool-grid{grid-template-columns:1fr}.tool-grid>.tool-card,.tool-grid>.tool-card:nth-child(n){grid-template-columns:8rem 1fr;min-height:17rem}.tool-card__scene{height:100%;min-height:15.8rem}.tool-card__object{width:5.5rem;height:5.5rem}.tool-card__scene-label{inset:auto .55rem .55rem;max-width:none;font-size:.55rem}.tool-card__body{min-height:0;padding:.9rem .8rem .7rem}.tool-card__mission{inset:.6rem auto auto .55rem}.tool-card__body h2{font-size:1.35rem}.tool-card__body p{font-size:.72rem}.tool-card__play{display:none}}

/* V6 — a cinematic Bizo workshop above the playable tool missions */
.tools-hero__inner{grid-template-columns:minmax(0,1fr) minmax(26rem,.9fr)}.tools-hero__bizo--workshop{aspect-ratio:4/3;align-self:center;padding:.45rem;border-radius:2rem .65rem 2rem 2rem;background:var(--navy)}.tools-hero__bizo--workshop::before{display:none}.tools-hero__bizo--workshop img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;border-radius:1.65rem .42rem 1.65rem 1.65rem;filter:none}.tools-workbench__intro{padding:1.15rem 1.2rem;border:1px solid #cbe3ef;border-radius:1.6rem .55rem 1.6rem 1.6rem;background:linear-gradient(145deg,#fff,#eaf8ff);box-shadow:0 .5rem 0 #d9edf6,0 1.4rem 3rem rgba(6,17,31,.07)}
@media(max-width:1050px){.tools-hero__inner{grid-template-columns:1fr}.tools-hero__bizo--workshop{width:min(100%,42rem);max-height:none;margin-inline:auto}.tools-workbench__intro{padding:1rem}}
@media(max-width:700px){.tools-hero__bizo--workshop{height:auto;max-height:none}.tools-workbench__intro{border-radius:1.25rem .45rem 1.25rem 1.25rem}}
@media(max-width:430px){.tool-grid>.tool-card,.tool-grid>.tool-card:nth-child(n){grid-template-columns:6.7rem 1fr;min-height:16rem}.tool-card__scene{min-height:14.8rem}.tool-card__object{width:4.8rem;height:4.8rem}.tool-card__body h2{font-size:1.2rem}.tool-card__body p{font-size:.68rem;line-height:1.55}.tool-card__body>b{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.tool-card,.tool-card__object{transition:none!important}.tool-card:hover,.tool-card:hover .tool-card__object{transform:none!important}}

/* V8 — every tool has its own illustrated Bizo cover */
.tool-card__scene{isolation:isolate;padding:0;background:var(--navy)}
.tool-card__scene::before{display:none}
.tool-card__scene::after{display:none}
.tool-card__cover{position:absolute;z-index:0;width:100%;height:100%;inset:0;display:block;object-fit:cover;object-position:center;transition:transform .42s var(--ease),filter .42s var(--ease)}
.tool-card:hover .tool-card__cover{filter:saturate(1.08) brightness(1.03);transform:scale(1.045)}
.tool-card__object{position:absolute;z-index:3;width:3.1rem;height:3.1rem;inset:.75rem .75rem auto auto;margin:0;border:1px solid rgba(255,255,255,.58);border-radius:.9rem .9rem .28rem .9rem;background:rgba(6,17,31,.7);box-shadow:0 4px 0 color-mix(in srgb,var(--tool-accent) 55%,var(--midnight));font-size:0;backdrop-filter:blur(8px);transform:none}
.tool-card__object svg{width:1.9rem;height:1.9rem}
.tool-card:hover .tool-card__object{box-shadow:0 6px 0 color-mix(in srgb,var(--tool-accent) 62%,var(--midnight));transform:translateY(-2px) rotate(-3deg)}
.tool-card__scene-label{z-index:3;inset:auto .7rem .7rem .7rem;max-width:none;border-color:rgba(205,239,255,.3);background:rgba(6,17,31,.58);box-shadow:0 .35rem 1rem rgba(6,17,31,.18);text-align:center}
.tool-hero__symbol--cover{aspect-ratio:1;overflow:hidden;border-radius:2.5rem .8rem 2.5rem 2.5rem;background:var(--navy)}
.tool-hero__symbol--cover::before{display:none}
.tool-hero__symbol--cover>img{position:absolute;z-index:1;width:100%;height:100%;max-width:none;inset:0;object-fit:cover;object-position:center;filter:none}
.tool-hero__symbol--cover .tool-hero__icon{z-index:3;background:rgba(46,212,255,.92);backdrop-filter:blur(8px)}
.tool-hero__symbol--cover small{z-index:3;inset:auto .8rem .8rem .8rem;max-width:none;text-align:center}
@media(max-width:900px){.tool-hero__symbol--cover{width:min(100%,24rem);height:auto;aspect-ratio:1}.tool-hero__symbol--cover>img{height:100%;inset:0}}
@media(max-width:700px){.tool-card__object{width:2.7rem;height:2.7rem;inset:.55rem .55rem auto auto}.tool-card__object svg{width:1.65rem;height:1.65rem}.tool-card__scene-label{inset:auto .45rem .45rem;font-size:.52rem}.tool-hero__symbol--cover{width:min(100%,20rem);height:auto}}

/* Match the established Bizo page-title voice exactly. */
.tools-hero h1,.tool-hero h1{margin:.75rem 0 1.3rem;font:900 clamp(4rem,6.2vw,6.8rem)/.96 Rubik,sans-serif;letter-spacing:-.065em}
@media(max-width:620px){.tools-hero h1,.tool-hero h1{font-size:clamp(3rem,14vw,4.25rem)}}

/* Crisp, interruptible feedback without sticky hover on touch devices. */
.tool-card{transition:transform 200ms cubic-bezier(.23,1,.32,1),box-shadow 200ms ease,border-color 160ms ease}
.tool-card__cover{transition:transform 280ms cubic-bezier(.23,1,.32,1),filter 180ms ease}
.tool-card:active{transform:translateY(1px) scale(.985)}
@media(hover:none),(pointer:coarse){.tool-card:hover{box-shadow:0 1.2rem 2.8rem rgba(6,17,31,.09);transform:none}.tool-card:hover .tool-card__cover,.tool-card:hover .tool-card__object,.tool-card:hover .tool-card__object svg{transform:none}}
@media(max-width:600px){.tool-grid>.tool-card,.tool-grid>.tool-card:nth-child(n){grid-template-columns:1fr;min-height:0}.tool-card__scene{height:auto;min-height:0;aspect-ratio:16/10}.tool-card__cover{object-position:center 42%}.tool-card__body{min-height:12.5rem;padding:1rem .9rem .75rem}.tool-card__body p{font-size:.75rem}.tool-card__play{display:flex}.tool-card__mission{inset:.75rem auto auto .7rem}}
@media(prefers-reduced-motion:reduce){.tool-card__cover{transition:none!important}.tool-card:hover .tool-card__cover{transform:none!important}}

/* Functional visibility gate for the tools category filter. Keep this last so
   later card layout rules cannot override the native hidden state. */
.tool-grid>.tool-card[hidden]{display:none!important}

/* Travel tools are one connected journey, not isolated calculators. */
.tool-next-tools{grid-column:1/-1}.tool-next-tool{position:relative;display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;align-items:center;min-height:5.25rem;padding:1rem 1.15rem;border:1px solid #b9dceb;border-radius:1.25rem .45rem 1.25rem 1.25rem;color:var(--night);background:linear-gradient(135deg,#fff,#e5f7ff);box-shadow:0 5px 0 #cbe6f2;text-decoration:none;transition:transform 180ms var(--ease),box-shadow 180ms var(--ease)}
.tool-next-tool small{color:var(--blue);font-size:.62rem;font-weight:900}.tool-next-tool b{font:800 clamp(1rem,2vw,1.3rem)/1.35 Rubik,Heebo,sans-serif}.tool-next-tool span{grid-column:2;grid-row:1/3;width:2.7rem;height:2.7rem;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:var(--night);background:var(--cyan);box-shadow:0 3px 0 #1598c4;font-weight:900}.tool-next-tool:hover{box-shadow:0 8px 0 #cbe6f2;transform:translateY(-3px)}
@media(max-width:620px){.tool-next-tool{min-height:4.7rem;padding:.85rem}.tool-next-tool span{width:2.35rem;height:2.35rem}}
@media(prefers-reduced-motion:reduce){.tool-next-tool{transition:none}.tool-next-tool:hover{transform:none}}