.tok-roi{border:1px solid var(--rule);border-radius:var(--radius-xl);box-shadow:var(--shadow-2);background:#fff;margin:32px 0;padding:28px}.tok-roi h4{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-900);margin:0;font-size:18px;font-weight:700}.tok-roi .sub{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--violet-600);margin:6px 0 20px;font-size:11px;font-weight:500}.tok-roi .row{grid-template-columns:repeat(2,1fr);gap:16px 20px;display:grid}.tok-roi .field{flex-direction:column;gap:6px;min-width:0;display:flex}.tok-roi label{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);font-size:11px;font-weight:600}.tok-roi input,.tok-roi select{font-family:var(--font-mono);color:var(--ink-900);border:1px solid var(--rule);border-radius:var(--radius-md);transition:border-color var(--dur-state) var(--ease), box-shadow var(--dur-state) var(--ease);box-sizing:border-box;background:#fff;outline:none;width:100%;padding:10px 12px;font-size:15px;font-weight:500}.tok-roi input:focus,.tok-roi select:focus{border-color:var(--violet-600);box-shadow:0 0 0 3px #5b3bd426}.tok-roi .result{border-radius:var(--radius-lg);background:var(--grad-hero);color:#fff;box-shadow:var(--shadow-3);margin-top:24px;padding:24px 28px;position:relative;overflow:hidden}.tok-roi .result:after{content:"";background:var(--grad-mesh);opacity:.55;mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.tok-roi .result>*{z-index:1;position:relative}.tok-roi .headline{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:20px;font-size:30px;font-weight:800;line-height:1.1}.tok-roi .result dl{grid-template-columns:repeat(2,1fr);gap:18px 32px;margin:0;display:grid}.tok-roi .result dl>div{min-width:0}.tok-roi .result dt{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3;margin:0;font-size:11px;font-weight:500}.tok-roi .result dd{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:4px 0 0;font-size:26px;font-weight:700}.tok-roi.muted .result{background:var(--ink-800)}.tok-roi.muted .result:after{display:none}.tok-roi.muted .headline{color:#ffffffe0;font-size:22px}.tok-roi .hint{font-family:var(--font-sans);color:var(--ink-500);margin:14px 0 0;font-size:13px;line-height:1.55}@media (max-width:880px){.tok-roi{padding:22px}.tok-roi .row,.tok-roi .result dl{grid-template-columns:1fr}.tok-roi .headline{font-size:26px}}