#zoho-cost-calc{--zc-ink: #0f1b2d;--zc-ink-soft: #5a6b80;--zc-ink-faint: #8a97a8;--zc-line: #e3e8ef;--zc-line-strong: #cdd6e2;--zc-surface: #ffffff;--zc-canvas: #eef3f9;--zc-fill: #f1f4f9;--zc-fill-focus: #ffffff;--zc-focus-ring: #00A6F4;--zc-accent: #ffe14d;--zc-accent-ink: #43370a;--zc-zoho: #00A6F4;--zc-zoho-soft: #e6f6fe;--zc-zoho-line: #b9e4fb;--zc-red: #d94a4a;--zc-shadow: 0 1px 2px rgba(15,27,45,.04), 0 12px 32px rgba(15,27,45,.07);--zc-radius: 16px;--zc-mono: "JetBrains Mono", ui-monospace, monospace;--zc-sans: "Hanken Grotesk", system-ui, sans-serif;display:block;background:var(--zc-canvas);color:var(--zc-ink);font-family:var(--zc-sans);line-height:1.5;padding:clamp(104px,13vh,150px) clamp(16px,4vw,40px) clamp(48px,8vw,90px);-webkit-font-smoothing:antialiased}#zoho-cost-calc *{box-sizing:border-box}#zoho-cost-calc .wrap{max-width:1180px;margin:0 auto;width:auto}#zoho-cost-calc .masthead{margin-bottom:28px;max-width:640px}#zoho-cost-calc .eyebrow{font-family:var(--zc-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--zc-zoho);margin-bottom:14px}#zoho-cost-calc .masthead h1{font-size:clamp(28px,4vw,42px);font-weight:700;letter-spacing:-.02em;line-height:1.08;color:var(--zc-ink)}#zoho-cost-calc .masthead p{margin-top:12px;color:var(--zc-ink-soft);font-size:16px}#zoho-cost-calc .grid{display:grid;grid-template-columns:1fr 400px;gap:22px;align-items:start}#zoho-cost-calc .panel{background:var(--zc-surface);border:1px solid var(--zc-line);border-radius:var(--zc-radius);box-shadow:var(--zc-shadow)}#zoho-cost-calc .stack{padding:26px}#zoho-cost-calc .stack-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--zc-line);margin-bottom:6px}#zoho-cost-calc .stack-head-titles{flex:1;min-width:0}#zoho-cost-calc .stack-head h2{font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--zc-ink)}#zoho-cost-calc .stack-sub{font-size:13px;color:var(--zc-ink-soft);margin-top:4px;max-width:46ch}#zoho-cost-calc .toolmenu{position:relative;flex:0 0 auto}#zoho-cost-calc .toolmenu-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--zc-line-strong);border-radius:10px;background:var(--zc-surface);color:var(--zc-ink);font-family:var(--zc-sans);font-size:13px;font-weight:600;padding:9px 12px;cursor:pointer;white-space:nowrap;transition:border-color .13s,background .13s}#zoho-cost-calc .toolmenu-btn:hover{border-color:var(--zc-zoho)}#zoho-cost-calc .toolmenu.open .toolmenu-btn{border-color:var(--zc-zoho);background:var(--zc-zoho-soft)}#zoho-cost-calc .toolmenu-count{font-family:var(--zc-mono);font-size:11px;color:var(--zc-ink-faint)}#zoho-cost-calc .toolmenu-caret{font-size:10px;color:var(--zc-ink-faint);transition:transform .15s}#zoho-cost-calc .toolmenu.open .toolmenu-caret{transform:rotate(180deg)}#zoho-cost-calc .toolmenu-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:40;width:300px;max-height:340px;overflow-y:auto;background:var(--zc-surface);border:1px solid var(--zc-line);border-radius:12px;box-shadow:var(--zc-shadow);padding:6px;display:none}#zoho-cost-calc .toolmenu.open .toolmenu-panel{display:block}#zoho-cost-calc .toolmenu-item{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:8px;cursor:pointer;font-size:13.5px;color:var(--zc-ink);transition:background .1s}#zoho-cost-calc .toolmenu-item:hover{background:var(--zc-fill)}#zoho-cost-calc .toolmenu-box{flex:0 0 18px;width:18px;height:18px;border:2px solid var(--zc-line-strong);border-radius:5px;display:grid;place-items:center;transition:all .12s}#zoho-cost-calc .toolmenu-item.checked .toolmenu-box{background:var(--zc-zoho);border-color:var(--zc-zoho)}#zoho-cost-calc .toolmenu-box svg{width:11px;height:11px;opacity:0}#zoho-cost-calc .toolmenu-item.checked .toolmenu-box svg{opacity:1}#zoho-cost-calc .toolmenu-label{flex:1 1 auto;min-width:0}#zoho-cost-calc .toolmenu-item.checked .toolmenu-label{font-weight:600}#zoho-cost-calc .toolmenu-zoho{flex:0 0 auto;font-family:var(--zc-mono);font-size:10px;color:var(--zc-ink-faint);white-space:nowrap;text-align:right}#zoho-cost-calc .tool{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:26px 4px 30px;border-bottom:1px solid var(--zc-line)}#zoho-cost-calc .tool:last-child{border-bottom:none}#zoho-cost-calc .tool-id{flex:1 1 140px;min-width:120px;position:relative;display:flex;align-items:center}#zoho-cost-calc .tool .controls{display:flex;gap:14px;align-items:center}#zoho-cost-calc .cost-tag-wrap{margin-left:auto;display:flex;align-items:center;min-width:0}#zoho-cost-calc .cost-tag{display:inline-flex;align-items:center;font-family:var(--zc-sans);font-size:11px;font-weight:700;letter-spacing:.02em;padding:4px 10px;border-radius:999px;white-space:nowrap}#zoho-cost-calc .cost-tag.high{background:#fde3e3;color:#b02a2a}#zoho-cost-calc .cost-tag.medium{background:#fdefda;color:#9a6612}#zoho-cost-calc .cost-tag.low{background:#e6f6fe;color:#0a6fa3}#zoho-cost-calc .tool-id .nameinput{border:1.5px solid transparent;border-radius:8px;background:var(--zc-fill);font-family:var(--zc-sans);font-size:14px;font-weight:500;color:var(--zc-ink);padding:9px 11px;width:100%;max-width:230px;outline:none;transition:background .15s,border-color .15s,box-shadow .15s}#zoho-cost-calc .tool-id .nameinput::-moz-placeholder{color:var(--zc-ink-faint);font-weight:400}#zoho-cost-calc .tool-id .nameinput::placeholder{color:var(--zc-ink-faint);font-weight:400}#zoho-cost-calc .tool-id .nameinput:not(:-moz-placeholder){font-weight:700;background:var(--zc-fill-focus);border-color:var(--zc-line-strong)}#zoho-cost-calc .tool-id .nameinput:not(:placeholder-shown){font-weight:700;background:var(--zc-fill-focus);border-color:var(--zc-line-strong)}#zoho-cost-calc .tool-id .nameinput:focus{background:var(--zc-fill-focus);border-color:var(--zc-focus-ring);box-shadow:0 0 0 3px #00a6f429}#zoho-cost-calc .tool-id .replaces{position:absolute;top:calc(100% + 4px);left:0;font-size:12px;color:var(--zc-ink-faint);white-space:nowrap}#zoho-cost-calc .tool-id .replaces b{color:var(--zc-ink-soft);font-weight:600}#zoho-cost-calc .remove{flex:0 0 auto;width:26px;height:26px;border:none;background:transparent;color:var(--zc-ink-faint);font-size:18px;line-height:1;cursor:pointer;border-radius:7px;transition:all .12s;align-self:flex-start;margin-top:2px}#zoho-cost-calc .remove:hover{background:#fdecec;color:var(--zc-red)}#zoho-cost-calc .addline{width:100%;margin-top:18px;padding:14px;border:1.5px dashed var(--zc-line-strong);border-radius:11px;background:transparent;font-family:var(--zc-sans);font-size:13.5px;font-weight:500;color:var(--zc-ink-soft);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px}#zoho-cost-calc .addline:hover{border-color:var(--zc-zoho);color:var(--zc-zoho);background:var(--zc-zoho-soft)}#zoho-cost-calc .addline .plus{font-size:17px;line-height:1}#zoho-cost-calc .hidden-wrap{margin-top:18px}#zoho-cost-calc .field{text-align:right;position:relative}#zoho-cost-calc .field label{position:absolute;top:-15px;right:0;font-family:var(--zc-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--zc-ink-faint);white-space:nowrap}#zoho-cost-calc .price-input{display:inline-flex;align-items:center;border:1.5px solid transparent;border-radius:9px;background:var(--zc-fill);transition:background .15s,border-color .15s,box-shadow .15s}#zoho-cost-calc .price-input:focus-within{background:var(--zc-fill-focus);border-color:var(--zc-focus-ring);box-shadow:0 0 0 3px #00a6f429}#zoho-cost-calc .price-input input{width:52px;border:none;outline:none;font-family:var(--zc-mono);font-size:14px;text-align:right;padding:7px 2px 7px 8px;color:var(--zc-ink);background:transparent}#zoho-cost-calc .price-input .unit{font-family:var(--zc-mono);font-size:12px;color:var(--zc-ink-faint);padding:0 8px 0 3px}#zoho-cost-calc .seat-input input{width:52px;text-align:center;padding:7px 6px;-moz-appearance:textfield}#zoho-cost-calc .seat-input input::-webkit-outer-spin-button,#zoho-cost-calc .seat-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#zoho-cost-calc .stepper{display:inline-flex;align-items:center;border:1px solid var(--zc-line-strong);border-radius:9px;overflow:hidden}#zoho-cost-calc .stepper button{width:30px;height:34px;border:none;background:var(--zc-surface);font-size:17px;color:var(--zc-ink-soft);cursor:pointer;transition:background .12s}#zoho-cost-calc .stepper button:hover{background:var(--zc-canvas)}#zoho-cost-calc .stepper .val{width:34px;text-align:center;font-family:var(--zc-mono);font-size:14px;border-left:1px solid var(--zc-line);border-right:1px solid var(--zc-line);line-height:34px}#zoho-cost-calc .seat-field{position:relative}#zoho-cost-calc .seat-field label{position:absolute;top:-15px;left:0;right:0;font-family:var(--zc-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--zc-ink-faint);text-align:center;white-space:nowrap}#zoho-cost-calc .tool.off .seat-field .price-input{opacity:.45}#zoho-cost-calc .tool.off .replaces{opacity:.7}#zoho-cost-calc .tool.on{position:relative}#zoho-cost-calc .tool.on:before{content:"";position:absolute;left:-4px;top:26px;bottom:31px;width:3px;border-radius:3px;background:var(--zc-accent)}#zoho-cost-calc .tool.lvl-high:before{background:#d94a4a}#zoho-cost-calc .tool.lvl-medium:before{background:#e0a12a}#zoho-cost-calc .tool.lvl-low:before{background:var(--zc-zoho)}#zoho-cost-calc .result{position:sticky;top:96px}#zoho-cost-calc .result-inner{padding:26px}#zoho-cost-calc .compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}#zoho-cost-calc .cost-card{border:1px solid var(--zc-line);border-radius:12px;padding:16px;transition:background .18s,border-color .18s}#zoho-cost-calc .cost-card.zoho .tag,#zoho-cost-calc .cost-card.zoho .big{color:var(--zc-zoho)}#zoho-cost-calc .cost-card.cheaper{background:#e9f7ec;border-color:#bfe5c6}#zoho-cost-calc .cost-card.pricier{background:#fdecec;border-color:#f3c7c7}#zoho-cost-calc .cost-card.cheaper .big{color:#1a7f37}#zoho-cost-calc .cost-card.pricier .big{color:var(--zc-red)}#zoho-cost-calc .cost-card .tag{font-family:var(--zc-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--zc-ink-faint);margin-bottom:8px}#zoho-cost-calc .cost-card .big{font-size:27px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--zc-ink)}#zoho-cost-calc .cost-card .per{font-size:12px;color:var(--zc-ink-soft);margin-top:1px}#zoho-cost-calc .cost-card .year{font-family:var(--zc-mono);font-size:12px;color:var(--zc-ink-faint);margin-top:8px}#zoho-cost-calc .seatrow{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--zc-surface);border:1px dashed var(--zc-zoho-line);border-radius:11px;padding:12px 14px;margin-bottom:18px}#zoho-cost-calc .seatrow .lbl{font-size:13px;color:var(--zc-ink-soft)}#zoho-cost-calc .seatrow .lbl b{color:var(--zc-ink);font-weight:600}#zoho-cost-calc .seatrow .hint{font-size:11px;color:var(--zc-ink-faint);margin-top:1px}#zoho-cost-calc .billing{display:inline-flex;background:var(--zc-canvas);border-radius:9px;padding:3px;margin-bottom:18px;width:100%}#zoho-cost-calc .billing button{flex:1;border:none;background:transparent;padding:9px;border-radius:7px;font-family:var(--zc-sans);font-size:13px;font-weight:500;color:var(--zc-ink-soft);cursor:pointer;transition:all .15s}#zoho-cost-calc .billing button.active{background:var(--zc-surface);color:var(--zc-ink);box-shadow:0 1px 3px #0f1b2d1a}#zoho-cost-calc .billing button small{display:block;font-family:var(--zc-mono);font-size:10px;color:var(--zc-ink-faint);margin-top:1px}#zoho-cost-calc .savings{text-align:center;border:1px solid var(--zc-line);border-radius:12px;padding:22px 16px;margin-bottom:20px;background:radial-gradient(120% 120% at 50% 0%,rgba(255,225,77,.22),transparent 60%)}#zoho-cost-calc .savings .tag{font-family:var(--zc-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--zc-ink-faint);margin-bottom:6px}#zoho-cost-calc .savings .amount{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;display:inline-block;background:linear-gradient(180deg,transparent 66%,var(--zc-accent) 66%);padding:0 6px;color:var(--zc-ink)}#zoho-cost-calc .savings .sub{font-size:13px;color:var(--zc-ink-soft);margin-top:10px}#zoho-cost-calc .savings.positive{background:radial-gradient(120% 120% at 50% 0%,rgba(38,160,71,.18),transparent 60%)}#zoho-cost-calc .savings.positive .amount{background:linear-gradient(180deg,transparent 66%,#a7e6b6 66%);color:var(--zc-ink)}#zoho-cost-calc .savings.negative{background:radial-gradient(120% 120% at 50% 0%,rgba(217,74,74,.14),transparent 60%)}#zoho-cost-calc .savings.negative .amount{background:none;color:var(--zc-red)}#zoho-cost-calc .cta{display:grid;gap:10px}#zoho-cost-calc .btn{display:block;width:100%;padding:14px;border-radius:11px;font-family:var(--zc-sans);font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s;text-align:center;text-decoration:none}#zoho-cost-calc .btn-icon{width:17px;height:17px;flex:0 0 auto}#zoho-cost-calc .btn:has(.btn-icon){display:flex;align-items:center;justify-content:center;gap:9px}#zoho-cost-calc .btn-primary{background:var(--zc-zoho);color:#fff}#zoho-cost-calc .btn-primary:hover{background:#0089cc;box-shadow:none;transform:none}#zoho-cost-calc .btn-trial{background:#e2483d;color:#fff}#zoho-cost-calc .btn-trial:hover{background:#c93b31}#zoho-cost-calc .btn-ghost{background:var(--zc-surface);border-color:var(--zc-line-strong);color:var(--zc-ink)}#zoho-cost-calc .btn-ghost:hover{border-color:var(--zc-ink)}#zoho-cost-calc .foot{font-size:11px;color:var(--zc-ink-faint);line-height:1.5;margin-top:16px;padding-top:16px;border-top:1px solid var(--zc-line)}#zoho-cost-calc .share-sheet{position:fixed;inset:0;z-index:100;background:#0f1b2d73;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(2px)}#zoho-cost-calc .share-sheet.open{display:flex}#zoho-cost-calc .share-card{background:var(--zc-surface);border-radius:16px;box-shadow:var(--zc-shadow);width:100%;max-width:480px;padding:26px;position:relative}#zoho-cost-calc .share-close{position:absolute;top:16px;right:16px;width:30px;height:30px;border:none;background:var(--zc-fill);border-radius:8px;font-size:18px;color:var(--zc-ink-soft);cursor:pointer;line-height:1}#zoho-cost-calc .share-title{font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px;color:var(--zc-ink)}#zoho-cost-calc .share-hint{font-size:13px;color:var(--zc-ink-soft);margin-bottom:18px}#zoho-cost-calc .share-label{display:block;font-family:var(--zc-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--zc-ink-faint);margin:14px 0 6px}#zoho-cost-calc .share-row{display:flex;gap:8px;align-items:stretch}#zoho-cost-calc .share-input{flex:1;border:1.5px solid transparent;background:var(--zc-fill);border-radius:10px;padding:10px 12px;font-family:var(--zc-sans);font-size:13.5px;color:var(--zc-ink);outline:none;resize:none;line-height:1.45}#zoho-cost-calc .share-input:focus{background:var(--zc-fill-focus);border-color:var(--zc-focus-ring)}#zoho-cost-calc .share-copy{white-space:nowrap;padding:10px 14px;font-size:13px;flex:0 0 auto;width:auto}@media(max-width:900px){#zoho-cost-calc .grid{grid-template-columns:1fr}#zoho-cost-calc .result{position:static}}@media(max-width:560px){#zoho-cost-calc .stack,#zoho-cost-calc .result-inner{padding:20px}#zoho-cost-calc .tool{align-items:flex-start}#zoho-cost-calc .tool-id{flex:1 1 100%}#zoho-cost-calc .tool .controls{margin-left:0;width:100%;padding-left:0;justify-content:flex-start}#zoho-cost-calc .field,#zoho-cost-calc .field label,#zoho-cost-calc .seat-field label{text-align:left}#zoho-cost-calc .compare{grid-template-columns:1fr}#zoho-cost-calc .tool-id .nameinput{max-width:none}}