.cost-studio{border:1px solid var(--line-strong);background:var(--void-raised);border-radius:18px;margin:48px 0 72px;overflow:hidden}.cost-studio__header{border-bottom:1px solid var(--line);background:radial-gradient(at 100% 0,#38ddd210,#0000 65%);justify-content:space-between;gap:24px;padding:clamp(24px,4vw,48px);display:flex}.cost-studio__header h2{letter-spacing:-.05em;margin:20px 0 16px;font-size:clamp(30px,4vw,52px);line-height:1.12}.cost-studio__header p:not(.mono-label){max-width:680px;color:var(--bone-soft);line-height:1.7}.cost-motion{border:1px solid var(--line);color:var(--bone-soft);cursor:pointer;background:0 0;border-radius:30px;align-self:start;align-items:center;gap:10px;padding:10px 16px;font-size:12px;display:flex}.cost-motion span{color:var(--cyan)}.cost-studio__body{grid-template-columns:.85fr 1.15fr;display:grid}.cost-inputs{border-right:1px solid var(--line);padding:clamp(24px,3vw,40px)}.cost-inputs__heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:30px;display:flex}.cost-inputs__heading button{color:var(--bone-soft);cursor:pointer;background:0 0;border:0;font-size:12px}.cost-inputs form{gap:24px;display:grid}.cost-input{gap:10px;display:grid}.cost-input__label{color:var(--bone-soft);align-items:center;gap:12px;font-size:13px;display:flex}.cost-input__label small{color:var(--muted);font:10px IBM Plex Mono,monospace}.cost-input__value{border:1px solid var(--line);background:var(--void);border-radius:8px;align-items:center;padding:14px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.cost-input__value:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #38ddd215}.cost-input__value input{width:100%;min-width:0;color:var(--bone);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;font-size:clamp(22px,2vw,30px)}.cost-input__value>span{color:var(--muted);padding-left:10px;font:12px IBM Plex Mono,monospace}.cost-assumption{border-top:1px solid var(--line);color:var(--bone-soft);gap:14px;margin-top:32px;padding-top:24px;font-size:12px;line-height:1.7;display:flex}.cost-assumption>span{color:var(--cyan);font-size:24px}.cost-assumption p{margin:8px 0 0}.cost-output{background:linear-gradient(145deg,#38ddd207,#0000 70%);min-width:0;padding:clamp(24px,3vw,40px);position:relative}.cost-total>strong{letter-spacing:-.065em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:22px 0 12px;font-size:clamp(42px,6vw,80px);font-weight:500;line-height:1.2;display:block}.cost-total>p{color:var(--bone-soft);min-height:44px;font-size:13px;line-height:1.7}.cost-chart{margin-top:32px}.cost-chart__header,.cost-chart__axis{color:var(--muted);justify-content:space-between;gap:12px;font:10px IBM Plex Mono,monospace;display:flex}.cost-chart__plot{border-bottom:1px solid var(--line-strong);background:repeating-linear-gradient(to top,transparent 0,transparent 39px,var(--line) 40px);align-items:end;gap:8px;height:160px;margin-top:20px;padding:0 8px;display:flex;position:relative;overflow:hidden}.cost-chart__column{height:var(--bar-height);z-index:1;transform-origin:bottom;animation:cost-bar-enter .65s both var(--bar-delay);flex:1;transition:height .45s cubic-bezier(.2,.8,.2,1)}.cost-chart__bar{border-radius:4px 4px 0 0;flex-direction:column-reverse;height:100%;display:flex;overflow:hidden}.cost-chart__bar i{background:var(--cyan);opacity:.85;flex-basis:0}.cost-chart__bar b{background:var(--indigo);flex-basis:0}.cost-chart__scan{background:linear-gradient(90deg,#0000,#38ddd20c,#0000);width:24%;animation:6s linear infinite paused cost-scan;position:absolute;top:0;bottom:0}.cost-studio[data-motion=true] .cost-chart__scan{animation-play-state:running}.cost-studio[data-motion=false] .cost-chart__column{animation:none}.cost-chart__axis{margin-top:10px}.cost-breakdown{grid-template-columns:1fr 1fr;gap:20px;margin:26px 0;display:grid}.cost-breakdown dt{color:var(--bone-soft);align-items:center;gap:8px;font-size:12px;display:flex}.cost-breakdown dt i{background:var(--cyan);border-radius:50%;width:6px;height:6px}.cost-breakdown>div:nth-child(2) dt i{background:var(--indigo)}.cost-breakdown dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:10px 0 0;font-size:24px}.cost-metrics{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:20px;padding-top:24px;display:grid}.cost-metrics span{color:var(--muted);font-size:12px;display:block}.cost-metrics strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:10px;font-size:24px;display:block}.cost-studio__footer{border-top:1px solid var(--line);align-items:start;gap:32px;padding:24px 40px;display:flex}.cost-studio__footer .mono-label{flex-shrink:0;padding-top:3px}.cost-studio__footer p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}@keyframes cost-scan{0%{transform:translate(-100%)}to{transform:translate(520%)}}@keyframes cost-bar-enter{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (max-width:800px){.cost-studio__body{grid-template-columns:1fr}.cost-inputs{border-right:0;border-bottom:1px solid var(--line)}.cost-inputs form{grid-template-columns:1fr 1fr}.cost-studio__footer{gap:12px;padding:24px;display:grid}}@media (max-width:480px){.cost-studio__header{display:grid}.cost-inputs form{grid-template-columns:1fr}.cost-motion{justify-self:start}.cost-chart__plot{gap:4px}}@media (prefers-reduced-motion:reduce){.cost-studio *,.cost-studio :before,.cost-studio :after{transition:none!important;animation:none!important}}.cost-input__label small,.cost-chart__header,.cost-chart__axis,.cost-studio__footer p{font-size:12px;line-height:1.4}