.tools-nav[data-astro-cid-dzhy3qh4]{flex-wrap:wrap;gap:6px;margin-bottom:1.5rem;display:flex}.tools-nav__item[data-astro-cid-dzhy3qh4]{border:1px solid var(--a-border);background:var(--a-surface);min-height:36px;color:var(--a-muted);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.tools-nav__item[data-astro-cid-dzhy3qh4]:hover{color:var(--a-heading)}.tools-nav__item[data-astro-cid-dzhy3qh4].is-current{border-color:color-mix(in oklab, var(--a-accent) 45%, var(--a-border));background:var(--a-accent-soft);color:var(--a-accent-ink)}.tools-page{& .tools-hero .article-hero__grid{align-items:start}& .tools-hero--solo{padding-bottom:1.5rem;& .article-title{max-width:56rem}}& .article-title{margin-top:1.1rem}& .tools-lede{max-width:38rem;color:var(--a-text);text-wrap:pretty;margin-top:1.25rem;font-size:1.125rem;line-height:1.7}& .roi-accent{color:var(--a-accent)}& .roi-toggle{background:var(--a-surface-2);box-shadow:inset 0 0 0 1px var(--a-border);border-radius:999px;gap:.25rem;margin-top:2rem;padding:.25rem;display:inline-flex}& .roi-toggle-btn{color:var(--a-muted);cursor:pointer;border-radius:999px;padding:.55rem 1.5rem;font-size:.95rem;font-weight:600;transition:background-color .25s,color .25s,box-shadow .25s;&:hover{color:var(--a-heading)}&.is-active{background:var(--a-surface);color:var(--a-heading);box-shadow:var(--a-shadow)}&:focus-visible{outline:2px solid var(--a-accent);outline-offset:1px}}& .roi-inputs{margin-top:2rem}& .roi-group-heading{color:var(--a-muted);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:600}& .roi-group-heading+.roi-field{margin-top:.5rem}& .roi-field{border-top:1px solid var(--a-border);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 0;display:flex}& .roi-inputs .roi-field:last-child{border-bottom:1px solid var(--a-border)}& .roi-label{color:var(--a-heading);font-size:1.05rem;font-weight:600;display:block}& .roi-help{color:var(--a-muted);text-wrap:pretty;margin-top:4px;font-size:.84rem;line-height:1.45}& .roi-input-wrap{border:1px solid var(--a-border);background:var(--a-surface);border-radius:14px;flex-shrink:0;align-items:center;gap:.35rem;width:150px;padding:0 .9rem;transition:border-color .2s,box-shadow .2s;display:flex;&:focus-within{border-color:var(--a-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--a-accent) 18%, transparent)}}& .roi-affix{color:var(--a-muted);flex-shrink:0;font-size:.95rem;font-weight:600}& .roi-input{width:100%;min-width:0;color:var(--a-heading);text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:.85rem 0;font-size:1.15rem;font-weight:600;&::placeholder{color:var(--a-muted);opacity:.75;font-weight:500}}& .roi-result-col{gap:1rem;display:grid;position:sticky;top:96px}& .roi-card{border:1px solid color-mix(in oklab, var(--a-accent) 18%, var(--a-border));background:radial-gradient(120% 140% at 100% 0%, color-mix(in oklab, var(--a-teal) 14%, transparent), transparent 55%), var(--a-accent-soft);box-shadow:var(--a-shadow);border-radius:1.75rem;padding:2rem;@media (width>=768px){padding:2.25rem}}& .roi-card__eyebrow,& .roi-plan__title{color:var(--a-accent-ink);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:600}& .roi-card__hero{color:var(--a-heading);letter-spacing:-.03em;margin-top:.75rem;font-size:clamp(2.75rem,2.2rem + 2vw,3.5rem);font-weight:700;line-height:1}& .roi-card__per{color:var(--a-muted);margin-left:.4rem;font-size:1.35rem;font-weight:500}& .roi-card__text,& .roi-card__summary{color:var(--a-text);margin-top:1rem;line-height:1.6;& strong{color:var(--a-heading)}}& .roi-card__summary{font-size:.9rem}& .roi-breakdown,& .roi-plan{border-top:1px solid color-mix(in oklab, var(--a-accent) 18%, var(--a-border));margin-top:1.5rem;padding-top:1.25rem}& .roi-breakdown{gap:.6rem;display:grid}& .roi-plan .roi-card__summary{margin-top:.5rem}& .roi-breakdown__row{color:var(--a-text);justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;display:flex;& span:last-child{color:var(--a-heading);font-weight:600}}& .roi-card .k-btn{margin-top:1.75rem}& .roi-method{border:1px solid var(--a-border);background:var(--a-surface);border-radius:1rem;padding:0 1.25rem;& summary{color:var(--a-heading);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-size:.95rem;font-weight:600;list-style:none;display:flex}& summary::-webkit-details-marker{display:none}}& .roi-method__body{gap:.9rem;padding-bottom:1.25rem;display:grid;& p{color:var(--a-text);font-size:.9rem;line-height:1.6}& strong{color:var(--a-heading)}}& .roi-method__note{color:var(--a-muted);font-style:italic}& .roi-sibling{border:1px solid var(--a-border);background:var(--a-surface);min-height:2.75rem;color:var(--a-heading);transition:border-color .25s ease, transform .4s var(--ease-spring);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex;&:hover{border-color:color-mix(in oklab, var(--a-accent) 35%, var(--a-border));transform:translateY(-2px)}}& .roi-sibling__label{color:var(--a-muted);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:600;display:block}& .roi-sibling__title{margin-top:.3rem;font-size:.98rem;font-weight:600;display:block}& .roi-sibling__text{color:var(--a-muted);margin-top:.2rem;font-size:.85rem;line-height:1.5;display:block}@media (width<=1023px){& .roi-result-col{position:static}}@media (width<=480px){& .roi-field{flex-direction:column;align-items:stretch;gap:.75rem}& .roi-input-wrap{width:100%}& .roi-input{text-align:left}}@media (prefers-reduced-motion:reduce){& .roi-sibling:hover{transform:none}}}
