@import url("https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");.roi-calc{--navy-950:#0b1220;--navy-900:#0f1729;--navy-800:#141f35;--navy-700:#1b2a47;--line:hsla(0,0%,100%,.18);--line-strong:#5a7099;--text-primary:#f7fafc;--text-secondary:#b9c4d6;--text-muted:#b2bbcb;--teal-accent:#02e3af;--warn:#fca85d;--gradient-brand:linear-gradient(135deg,#02a4f3,#02d1c3 52%,#b8f7e9);--gradient-track:#5a7099;--font-display:"Sora",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-data:"DM Mono",ui-monospace,monospace;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--radius-pill:999px;--shadow-card:0 1px 0 hsla(0,0%,100%,.04) inset,0 20px 40px -28px rgba(0,0,0,.7);--container:1280px;background:var(--navy-950);color:var(--text-primary);font-family:var(--font-body);line-height:1.55;-webkit-font-smoothing:antialiased}.roi-calc *,.roi-calc :after,.roi-calc :before{box-sizing:border-box}.roi-calc h1,.roi-calc h2,.roi-calc h3,.roi-calc h4{font-family:var(--font-display);font-weight:700;margin:0 0 .5em;line-height:1.15;letter-spacing:-.01em}.roi-calc h2{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.roi-calc p{margin:0 0 1em;color:var(--text-secondary)}.roi-calc .container{max-width:var(--container);margin-inline:auto;padding-inline:24px}.roi-calc .num{font-family:var(--font-data);font-variant-numeric:tabular-nums}.roi-calc .btn{font-family:var(--font-body);font-weight:600;font-size:.96rem;border:none;border-radius:var(--radius-sm);padding:.95rem 1.8rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.55em;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;line-height:1.1}.roi-calc .btn:hover{transform:translateY(-1px)}.roi-calc .btn-primary{background:var(--gradient-brand);color:var(--navy-950);box-shadow:0 14px 30px -14px rgba(2,209,195,.45)}.roi-calc .btn-secondary{position:relative;background:var(--navy-950);color:var(--text-primary);z-index:0}.roi-calc .btn-secondary:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--gradient-brand);z-index:-1}.roi-calc .btn-secondary:after{content:"";position:absolute;inset:2px;border-radius:8px;background:var(--navy-950);z-index:-1}.roi-calc .btn-block{width:100%}.roi-calc .intro{padding-block:116px 28px}.roi-calc .intro h1{font-size:clamp(1.7rem,3vw,2.4rem);max-width:18ch;color:var(--text-primary)}.roi-calc .intro h1 .accent{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.roi-calc .intro .lede{font-size:1rem;max-width:62ch;margin-bottom:0}.roi-calc .app-section{padding-block:8px 56px}.roi-calc .app-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.roi-calc .dashboard-column{display:flex;flex-direction:column;gap:24px}.roi-calc .calc-panel{background:var(--navy-900);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-card);position:sticky;top:100px}.roi-calc .calc-panel h2{font-size:1.15rem;margin-bottom:.2em}.roi-calc .calc-panel .panel-sub{font-size:.85rem;margin-bottom:1.5em}.roi-calc .field{display:flex;flex-direction:column;gap:.5em;margin-bottom:22px}.roi-calc .field-label-row{display:flex;align-items:center;gap:6px}.roi-calc .field label{font-weight:600;font-size:.92rem;color:var(--text-primary)}.roi-calc .field input[type=email],.roi-calc .field input[type=number],.roi-calc .field input[type=text],.roi-calc .field select{background:var(--navy-800);border:1px solid var(--line-strong);color:var(--text-primary);border-radius:var(--radius-sm);padding:.78rem .95rem;font-size:.95rem;font-family:var(--font-body);width:100%}.roi-calc .field input:focus,.roi-calc .field select:focus{border-color:var(--teal-accent)}.roi-calc .number-input-wrap{position:relative;display:flex;width:100%}.roi-calc .unit-row .number-input-wrap.unit-row-input{flex:1;min-width:0}.roi-calc .number-input-wrap .number-input{background:var(--navy-800);border:1px solid var(--line-strong);color:var(--text-primary);border-radius:var(--radius-sm);padding:.78rem 2.85rem .78rem .95rem;font-size:.95rem;font-family:var(--font-body);width:100%;-moz-appearance:textfield}.roi-calc .number-input-wrap .number-input:focus{border-color:var(--teal-accent);outline:none}.roi-calc .number-input-wrap .number-input::-webkit-inner-spin-button,.roi-calc .number-input-wrap .number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.roi-calc .number-spin{position:absolute;right:5px;top:5px;bottom:5px;width:30px;display:flex;flex-direction:column;gap:3px;pointer-events:none}.roi-calc .number-spin .spin-btn{pointer-events:auto;flex:1;min-height:0!important;width:100%;border:1px solid var(--line-strong);border-radius:6px;background:var(--navy-700);color:var(--teal-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.roi-calc .number-spin .spin-btn:hover{background:var(--gradient-brand);border-color:transparent;color:var(--navy-950)}.roi-calc .number-spin .spin-btn:active{transform:scale(.94)}.roi-calc .number-spin .spin-btn svg{width:9px;height:5px;display:block}.roi-calc .unit-row{display:flex;gap:10px}.roi-calc .unit-row input{flex:1}.roi-calc .unit-row select{width:110px;flex-shrink:0}.roi-calc input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-pill);background:var(--gradient-track);outline:none}.roi-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gradient-brand);border:3px solid var(--navy-950);box-shadow:0 0 0 2px var(--teal-accent);margin-top:-6px;cursor:pointer}.roi-calc .slider-row{display:flex;align-items:center;gap:14px}.roi-calc .slider-readout{font-family:var(--font-data);font-size:1rem;min-width:3.4em;text-align:right;color:var(--teal-accent);flex-shrink:0}.roi-calc .field-warning{font-size:.79rem;color:var(--warn);margin:0;display:none}.roi-calc .field-warning.is-visible{display:block}.roi-calc .live-note{font-size:.78rem;color:var(--text-muted);margin-top:20px;display:flex;align-items:center;gap:.5em}.roi-calc .live-dot{width:7px;height:7px;border-radius:50%;background:var(--teal-accent);box-shadow:0 0 0 4px rgba(2,227,175,.18)}.roi-calc .dashboard{background:var(--navy-900);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:20px}.roi-calc .dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.roi-calc .dashboard-head h2{font-size:1.15rem;margin-bottom:0}.roi-calc .scenario-toggle{display:inline-flex;background:var(--navy-800);border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:4px;gap:2px}.roi-calc .scenario-toggle input{position:absolute;opacity:0;pointer-events:none}.roi-calc .scenario-toggle label{font-size:.83rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer}.roi-calc .scenario-toggle input:checked+label{background:var(--gradient-brand);color:var(--navy-950)}.roi-calc .dashboard-hero{display:flex;flex-direction:column;align-items:center;padding:4px 0 6px}.roi-calc .ring-wrap{position:relative;width:172px;height:172px}.roi-calc .ring-wrap svg{width:100%;height:100%;display:block}.roi-calc .ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 26px}.roi-calc .ring-center .ring-value{font-family:var(--font-data);font-size:1.7rem;color:var(--text-primary)}.roi-calc .ring-center .ring-label{font-size:.66rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-top:4px;text-align:center;max-width:78px}.roi-calc .stat-icon-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.roi-calc .stat-icon-card{background:var(--navy-800);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:16px 8px 14px;display:flex;flex-direction:column;align-items:center;text-align:center}.roi-calc .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;display:inline-block;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.roi-calc .stat-icon-card .stat-icon{font-size:28px;margin-bottom:8px}.roi-calc .stat-icon-card .stat-icon,.roi-calc .stat-icon-card .stat-value{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.roi-calc .stat-icon-card .stat-value{font-family:var(--font-data);font-size:1.25rem;font-weight:600;margin:0 0 .4em}.roi-calc .stat-icon-card .stat-label{font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:0}.roi-calc .capacity-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;min-height:26px;margin-bottom:8px}.roi-calc .capacity-icons .material-symbols-outlined{font-size:26px;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.roi-calc .capacity-overflow{font-family:var(--font-data);font-size:.62rem;color:var(--text-muted)}.roi-calc .faq-section{padding-block:64px 56px;border-top:1px solid var(--line)}.roi-calc details.drawer{background:var(--navy-900);border:1px solid var(--line-strong);border-radius:var(--radius-md);margin-bottom:14px;overflow:hidden}.roi-calc details.drawer summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-display);font-weight:700;color:var(--text-primary)}.roi-calc details.drawer summary::-webkit-details-marker{display:none}.roi-calc details.drawer summary .chevron{width:26px;height:26px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.roi-calc details[open] summary .chevron{transform:rotate(45deg)}.roi-calc .drawer-body{padding:0 24px 26px}.roi-calc .disclaimer{font-size:.81rem;color:var(--text-muted);border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.roi-calc .dashboard-cta-card{background:var(--navy-900);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-card);text-align:center}.roi-calc .dashboard-cta-card h2{font-size:1.3rem;max-width:32ch;margin-inline:auto}.roi-calc .cta-band-buttons{display:flex;flex-direction:column;gap:12px;margin-top:20px}.roi-calc .modal-overlay{position:fixed;inset:0;background:rgba(5,9,16,.74);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:200;opacity:0;pointer-events:none;transition:opacity .18s ease}.roi-calc .modal-overlay.is-open{opacity:1;pointer-events:auto}.roi-calc .modal{background:var(--navy-900);border:1px solid var(--line-strong);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:88vh;overflow-y:auto;padding:36px;position:relative;transform:translateY(8px);transition:transform .18s ease}.roi-calc .modal-overlay.is-open .modal{transform:translateY(0)}.roi-calc .modal-close{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-strong);background:transparent;color:var(--text-secondary);cursor:pointer}.roi-calc .modal .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.roi-calc .modal .field.span-2{grid-column:1/-1}.roi-calc .radio-stack{display:flex;flex-direction:column;gap:8px}.roi-calc .radio-option{display:flex;align-items:center;gap:.65em;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.65rem .9rem;font-size:.87rem;color:var(--text-secondary)}.roi-calc .form-status{margin-top:16px;padding:13px 15px;border-radius:var(--radius-sm);font-size:.88rem;display:none}.roi-calc .form-status.is-success{display:block;background:rgba(2,227,175,.12);border:1px solid rgba(2,227,175,.4);color:var(--teal-accent)}.roi-calc .form-status.is-error{display:block;background:rgba(252,168,93,.1);border:1px solid rgba(252,168,93,.4);color:var(--warn)}.roi-calc .required-mark{color:var(--teal-accent);font-weight:700}.roi-calc .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:1080px){.roi-calc .app-grid{grid-template-columns:1fr}.roi-calc .calc-panel{position:static}}@media (max-width:680px){.roi-calc .stat-icon-cards{grid-template-columns:1fr 1fr}.roi-calc .modal .field-grid{grid-template-columns:1fr}}@media (max-width:480px){.roi-calc .stat-icon-cards{grid-template-columns:1fr}.roi-calc .calc-panel,.roi-calc .dashboard{padding:22px}}