.cs-roi{--cs-accent:#2e5c4a;background:#fff;color:var(--cs-ink);padding:var(--cs-frame)}.cs-roi *{box-sizing:border-box}.cs-roi__head{max-width:64ch;padding-bottom:clamp(28px,4vw,48px)}.cs-roi__title{margin:12px 0 0;font-size:clamp(30px,3.6vw,50px);line-height:1.06;letter-spacing:-.01em;font-weight:400}.cs-roi__title em{font-style:normal;color:var(--cs-accent)}.cs-roi__intro{margin:18px 0 0;font-size:16px;line-height:1.65;color:var(--cs-ink-soft)}.cs-roi__panel{border:1px solid var(--cs-rule);background:#fff;padding:clamp(20px,2.4vw,32px)}.cs-roi__panel+.cs-roi__panel{margin-top:24px}.cs-roi__panel--quiet{background:#fbfbfa}.cs-roi__eyebrow{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cs-ink-soft)}.cs-roi__h2{margin:8px 0 0;font-size:clamp(20px,2vw,26px);font-weight:400;line-height:1.2}.cs-roi__h3{margin:0;font-size:17px;font-weight:500}.cs-roi__note{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--cs-ink-soft)}.cs-roi__grid3{display:grid;gap:16px;margin-top:18px}.cs-roi__grid2{display:grid;gap:18px;margin-top:20px}.cs-roi__layout{display:grid;gap:24px;margin-top:24px;align-items:start}.cs-roi__field{display:block}.cs-roi__label{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cs-ink-soft)}.cs-roi select,.cs-roi input[type=text],.cs-roi input[type=number]{width:100%;border:1px solid var(--cs-rule);background:#fff;padding:12px;font:inherit;font-size:15px;color:var(--cs-ink);border-radius:0}.cs-roi select:focus,.cs-roi input:focus{outline:none;border-color:var(--cs-ink);background:var(--cs-yellow)}.cs-roi__inputrow{display:flex;align-items:center;border:1px solid var(--cs-rule);margin-top:8px}.cs-roi__inputrow:focus-within{border-color:var(--cs-ink)}.cs-roi__inputrow input{border:0;font-variant-numeric:tabular-nums}.cs-roi__unit{padding:0 12px;font-size:13px;color:var(--cs-ink-soft);white-space:nowrap}.cs-roi__fieldgrid{display:grid;gap:20px;margin-top:20px}.cs-roi__fieldhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.cs-roi__fieldname{font-size:14px;font-weight:500}.cs-roi__state{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--cs-ink-soft)}.cs-roi__state.is-custom{color:var(--cs-accent)}.cs-roi__help{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--cs-ink-soft)}.cs-roi__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.cs-roi__chip{border:1px solid var(--cs-rule);background:#fff;padding:9px 16px;font:inherit;font-size:14px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.cs-roi__chip:hover{background:var(--cs-yellow)}.cs-roi__chip.is-active{border-color:var(--cs-ink);background:var(--cs-ink);color:#fff}.cs-roi__chip--static{cursor:default;color:var(--cs-ink-soft)}.cs-roi__chip--static:hover{background:#fff}.cs-roi__toggle{display:flex;width:100%;justify-content:space-between;align-items:flex-start;gap:16px;background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;color:inherit}.cs-roi__toggle-sign{font-size:24px;line-height:1;color:var(--cs-ink-soft)}.cs-roi__adv{display:none;border-top:1px solid var(--cs-rule);margin-top:22px;padding-top:22px}.cs-roi__adv.is-open{display:block}.cs-roi__advgroup+.cs-roi__advgroup{margin-top:32px;border-top:1px solid var(--cs-rule);padding-top:24px}.cs-roi__slider{width:100%;accent-color:var(--cs-ink)}.cs-roi__sliderrow{display:flex;align-items:center;gap:20px;margin-top:22px}.cs-roi__slidervalue{min-width:5ch;text-align:right;font-size:clamp(28px,3vw,40px);line-height:1;font-variant-numeric:tabular-nums}.cs-roi__scale{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--cs-ink-soft)}.cs-roi__info{position:relative;display:inline-flex}.cs-roi__info button{width:24px;height:24px;border:1px solid var(--cs-rule);background:#fff;font:inherit;font-size:12px;cursor:pointer;color:var(--cs-ink-soft)}.cs-roi__info span{position:absolute;right:0;top:30px;width:280px;border:1px solid var(--cs-rule);background:#fff;padding:12px;font-size:12px;line-height:1.5;color:var(--cs-ink-soft);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:5}.cs-roi__info:hover span,.cs-roi__info:focus-within span{opacity:1}.cs-roi__list{list-style:none;margin:14px 0 0;padding:0;font-size:14px}.cs-roi__list li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--cs-rule);padding:7px 0}.cs-roi__list li span:first-child{color:var(--cs-ink-soft)}.cs-roi__list li span:last-child{font-variant-numeric:tabular-nums}.cs-roi__colhead{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cs-ink-soft)}.cs-roi__colhead.is-accent{color:var(--cs-accent)}.cs-roi__trail{list-style:none;margin:22px 0 0;padding:0}.cs-roi__trail li{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:baseline;border-bottom:1px solid var(--cs-rule);padding-bottom:12px;margin-bottom:12px}.cs-roi__trail li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.cs-roi__step{font-size:11px;color:var(--cs-ink-soft);font-variant-numeric:tabular-nums}.cs-roi__formula{margin:3px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--cs-ink-soft)}.cs-roi__value{font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}.cs-roi__summary{background:var(--cs-ink);color:#fff;padding:clamp(24px,2.6vw,34px)}.cs-roi__summary .cs-roi__eyebrow{color:#fff9}.cs-roi__version{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff6b}.cs-roi__srow{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.cs-roi__klabel{margin:0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c}.cs-roi__hero{margin:26px 0 0;font-size:clamp(38px,4.4vw,60px);line-height:1;font-variant-numeric:tabular-nums}.cs-roi__pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;border:1px solid rgba(255,255,255,.16);padding:16px}.cs-roi__pair p:last-child,.cs-roi__kpis p:last-child{margin:6px 0 0;font-size:22px;font-variant-numeric:tabular-nums}.cs-roi__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.cs-roi__kpis p:last-child{font-size:17px}.cs-roi__accent{color:#dfeecf}.cs-roi__env{margin:22px 0 0;border-top:1px solid rgba(255,255,255,.16);padding-top:14px;font-size:12px;line-height:1.6;color:#ffffff9e}.cs-roi__actions{display:grid;gap:10px;margin-top:26px}.cs-roi__btn{display:block;width:100%;padding:14px;font:inherit;font-size:14px;text-align:center;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .2s ease,color .2s ease}.cs-roi__btn--solid{background:#fff;color:var(--cs-ink)}.cs-roi__btn--solid:hover{background:var(--cs-yellow)}.cs-roi__btn--ghost{border-color:#ffffff47;color:#fff;background:transparent}.cs-roi__btn--ghost:hover{background:#ffffff14}.cs-roi__disclaimer{margin:22px 0 0;font-size:11.5px;line-height:1.6;color:#ffffff8c}.cs-roi__table{width:100%;border-collapse:collapse;margin-top:16px;font-size:13.5px}.cs-roi__table th{font-weight:400;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cs-ink-soft);padding:6px 0;text-align:right}.cs-roi__table th:first-child{text-align:left}.cs-roi__table td{border-top:1px solid var(--cs-rule);padding:10px 0;text-align:right;font-variant-numeric:tabular-nums}.cs-roi__table td:first-child{text-align:left}.cs-roi__table tr.is-you{background:var(--cs-yellow)}.cs-roi__you{margin-left:8px;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cs-accent)}.cs-roi__market{border:1px solid var(--cs-rule);background:#fbfbfa;padding:18px;margin-top:20px}.cs-roi__marketrow{display:grid;gap:12px;margin-top:14px}.cs-roi__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;background:#14131273;padding:20px}.cs-roi__modalbox{background:#fff;max-width:440px;width:100%;padding:26px;border:1px solid var(--cs-rule)}.cs-roi__modalactions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@media(min-width:750px){.cs-roi__grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-roi__grid2,.cs-roi__fieldgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-roi__marketrow{grid-template-columns:1fr auto;align-items:end}}@media(min-width:1024px){.cs-roi__layout{grid-template-columns:1.15fr 1fr;gap:42px}.cs-roi__aside{position:sticky;top:24px}}.cs-roi-wizard{max-width:1120px;margin:clamp(56px,8vw,110px) auto;padding:0 var(--cs-frame);background:#fff}.cs-roi-wizard__top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:26px;border-bottom:1px solid var(--cs-rule)}.cs-roi-wizard__heading{margin:8px 0 0;font-size:clamp(30px,4vw,52px);line-height:1.02;font-weight:400;letter-spacing:-.03em}.cs-roi-wizard__progress{margin:0;font-size:12px;color:var(--cs-ink-soft);white-space:nowrap}.cs-roi-wizard__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--cs-rule);margin-bottom:42px}.cs-roi-wizard__steps button{-webkit-appearance:none;appearance:none;border:0;border-bottom:2px solid transparent;background:#fff;color:var(--cs-ink-soft);padding:18px 10px 16px 0;text-align:left;font:inherit;font-size:13px;cursor:pointer}.cs-roi-wizard__steps button span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:5px}.cs-roi-wizard__steps button.is-active{color:var(--cs-ink);border-bottom-color:var(--cs-ink)}.cs-roi-wizard__panel{max-width:920px;margin:0 auto}.cs-roi-wizard__panel[hidden]{display:none!important}.cs-roi-wizard__panel>.cs-roi__panel{border:0;border-bottom:1px solid var(--cs-rule);padding:30px 0;margin:0}.cs-roi-wizard__panel>.cs-roi__panel:first-child{padding-top:0}.cs-roi-wizard__panel>.cs-roi__panel:last-child{border-bottom:0}.cs-roi-wizard__panel .cs-roi__aside{position:static;display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.cs-roi-wizard__panel .cs-roi__aside>*{margin:0}.cs-roi-wizard__nav{max-width:920px;margin:42px auto 0;padding-top:22px;border-top:1px solid var(--cs-rule);display:flex;justify-content:space-between;gap:16px}.cs-roi-wizard__back,.cs-roi-wizard__next{-webkit-appearance:none;appearance:none;border:0;padding:13px 0;background:#fff;color:var(--cs-ink);font:inherit;font-size:14px;cursor:pointer}.cs-roi-wizard__back:disabled{opacity:.25;cursor:default}.cs-roi-wizard__next{font-weight:500}.cs-roi-wizard__next:hover,.cs-roi-wizard__back:not(:disabled):hover{background:var(--cs-yellow)}@media(max-width:749px){.cs-roi-wizard{margin:42px auto;padding:0 18px}.cs-roi-wizard__top{align-items:flex-start}.cs-roi-wizard__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin-bottom:28px}.cs-roi-wizard__panel .cs-roi__aside{grid-template-columns:1fr}.cs-roi-wizard__panel>.cs-roi__panel{padding:24px 0}}.cs-roi-wizard__steps{position:relative;gap:14px;border-bottom:0;margin:22px 0 44px}.cs-roi-wizard__steps:before{content:"";position:absolute;left:5%;right:5%;top:22px;height:1px;background:var(--cs-rule);z-index:0}.cs-roi-wizard__steps button{position:relative;z-index:1;min-height:82px;padding:12px 14px;border:1px solid transparent;border-bottom:1px solid var(--cs-rule);background:#fff;transition:background .2s ease,border-color .2s ease,transform .2s ease}.cs-roi-wizard__steps button span{display:flex;width:22px;height:22px;align-items:center;justify-content:center;margin:0 0 10px;border:1px solid var(--cs-rule);border-radius:50%;background:#fff;font-size:9px;letter-spacing:0;transition:all .2s ease}.cs-roi-wizard__steps button:hover{background:var(--cs-yellow);border-color:var(--cs-yellow)}.cs-roi-wizard__steps button.is-active{border:1px solid var(--cs-ink);background:#fff;color:var(--cs-ink)}.cs-roi-wizard__steps button.is-active span{background:var(--cs-ink);border-color:var(--cs-ink);color:#fff}.cs-roi-wizard__steps button.is-active:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--cs-ink)}@media(max-width:749px){.cs-roi-wizard__top{display:block;padding-bottom:18px}.cs-roi-wizard__progress{margin-top:12px}.cs-roi-wizard__steps{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:16px -18px 30px;padding:0 18px 8px}.cs-roi-wizard__steps::-webkit-scrollbar{display:none}.cs-roi-wizard__steps:before{display:none}.cs-roi-wizard__steps button{flex:0 0 74%;min-height:72px;scroll-snap-align:center;padding:11px 12px;border:1px solid var(--cs-rule);font-size:12px}.cs-roi-wizard__steps button span{width:20px;height:20px;margin-bottom:7px}.cs-roi-wizard__steps button.is-active{flex-basis:82%}.cs-roi-wizard__heading{font-size:clamp(32px,10vw,44px)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/cs-roi.css.map */