/* NAVORUM / a single project package and a legible value comparison. */
.launch-copy h2{max-width:18ch;font-size:clamp(30px,4.7vw,64px)}
.launch-intro{min-height:52px;text-wrap:balance;line-height:1.7}
.value-results{--gain:#80e6b6;--loss:#ffacb3;--neutral:#c7d6ee;--tone:var(--gain);display:block;background:#091b2c;color:#edf7ff;border-top:1px solid #75b4ae33;border-bottom:1px solid #75b4ae33;padding-top:32px;padding-bottom:28px}
[data-outcome=negative]{--tone:#ffacb3}[data-outcome=positive]{--tone:#80e6b6}[data-outcome=neutral]{--tone:#c7d6ee}[data-outcome=mixed]{--tone:#efd299}
.value-time-hero{position:relative;border-left:2px solid var(--tone);padding:0 0 0 20px;margin:0 0 30px}
.value-output-kicker{font-size:9px;letter-spacing:.15em;color:#a8c6d5;line-height:1.6;display:block}
.value-time-number{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:12px;color:var(--tone)}
.value-time-number>strong{font-size:clamp(44px,5.5vw,78px);font-weight:300;line-height:1.1;letter-spacing:-.055em;font-variant-numeric:tabular-nums;max-width:100%;overflow-wrap:anywhere}
.value-time-number>span{font-size:18px;font-weight:300}
.value-lab #value-time-direction{font-size:19px;letter-spacing:-.025em;color:#eff7ff;line-height:1.4;margin:9px 0 8px}
#value-time-detail{color:#a5bfcb;font-size:11px;line-height:1.8;display:block}
.value-comparison{padding:23px 0;border-top:1px solid #8db9c52b;border-bottom:1px solid #8db9c52b}
.value-comparison-row+div{margin-top:20px}.value-comparison-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:11px;line-height:1.6;margin-bottom:10px;color:#c6d7e1}
.value-comparison-row strong{font-size:16px;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}
.value-track{height:6px;background:#a6c8e31c;border-radius:1px;overflow:hidden}.value-track span{display:block;width:100%;height:100%;transform-origin:left;transition:transform 650ms cubic-bezier(.22,1,.36,1);will-change:transform;background:var(--tone)}
.is-before .value-track span{background:#ff9aa6}.is-before strong{color:#ffb8c0}.is-after strong{color:var(--tone)}
.value-comparison>p{font-size:10px;color:#97b1c1;margin-top:20px;line-height:1.8}
.value-ledger{padding:12px 0 4px}.value-ledger-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #8db9c521}
.value-ledger-row>span{color:#d0e1e8;max-width:none;font-size:12px;line-height:1.5}.value-ledger-row small{font-size:9px;display:block;color:#93afc2;line-height:1.8;margin-top:4px}
.value-ledger-row>strong{font-size:clamp(17px,1.6vw,23px);font-weight:400;letter-spacing:-.025em;color:var(--tone,#80e6b6);margin:0;white-space:nowrap;line-height:1.6}
.value-ledger-row.is-cost>strong{color:#ffacb3;font-size:14px}
.value-metric.is-net{display:block;padding:23px 0 0;border:0}.is-net>div>span{font-size:10px;color:#a7c0cf;line-height:1.6}.value-lab #value-net-direction{font-size:17px;color:var(--tone);line-height:1.45;letter-spacing:-.02em;margin:9px 0 18px}
.value-metric.is-net>strong{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left;margin:0;font-size:clamp(23px,2.2vw,31px);white-space:normal;font-weight:300}
.value-net-bound{display:flex;flex-direction:column;color:var(--tone);min-width:0}.value-net-bound>span{overflow-wrap:anywhere;line-height:1.4}.value-net-bound+span{padding-left:18px;border-left:1px solid #8db9c52e}.value-net-bound>small{color:#93b1c5;font-size:9px;letter-spacing:0;line-height:1.6;font-weight:400;margin-top:6px}
.value-metric.is-net>small{color:#98b5c8;margin-top:18px;font-size:10px;line-height:1.8}
.value-lab .value-output-note{font-size:10px;color:#8eacbf;padding-top:18px;line-height:1.8;margin-top:18px;border-top:1px solid #8db9c52b}
.value-recap{border-left:2px solid var(--tone,#80e6b6)}.value-recap h3{color:var(--tone,#c6d7ee)}
@media(max-width:760px){.value-results{padding:27px 20px}.value-time-number>strong{font-size:60px}.value-time-hero{padding-left:17px}.value-ledger-row{gap:12px}.value-ledger-row>span{font-size:11px}.value-ledger-row>strong{font-size:19px}.value-metric.is-net>strong{font-size:25px}.value-ledger-row.is-cost>strong{font-size:13px}.value-comparison-row>div:first-child{gap:15px;font-size:10px}.launch-copy h2{font-size:37px}.launch-copy p{max-width:28ch;margin:12px auto}.launch-intro{font-size:9px;min-height:68px;padding-top:24px}}
@media(max-width:360px){.value-ledger-row{grid-template-columns:1fr;gap:8px}.value-ledger-row>strong{font-size:22px}.value-time-number>strong{font-size:48px}.value-metric.is-net>strong{font-size:22px}.value-net-bound+span{padding-left:10px}.value-metric.is-net>strong{gap:10px}.launch-copy h2{font-size:32px}}
@media(max-height:500px){.launch-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.value-track span{transition:none}}.motion-paused .value-track span{transition:none}