.docsiv-design .ph-stage.cpl-hero-well{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:40px;max-height:540px;padding-bottom:0;display:grid}.docsiv-design .cpl-phone{background:#1a1a1c;border-radius:36px;width:250px;padding:9px;box-shadow:0 30px 60px -36px #1e293b99}.docsiv-design .cpl-phone-screen{min-height:520px;color:var(--dd-ink);text-align:left;background:#fff;border-radius:28px;flex-direction:column;gap:14px;padding:12px 14px 24px;font-size:13px;line-height:1.4;display:flex}.docsiv-design .cpl-phone-status{justify-content:space-between;padding:2px 8px 0;font-size:11px;display:flex}.docsiv-design .cpl-phone-status b{font-weight:600}.docsiv-design .cpl-phone-status span{letter-spacing:-2px;font-size:8px}.docsiv-design .cpl-phone-head{justify-content:space-between;align-items:center;display:flex}.docsiv-design .cpl-desk{min-width:0;min-height:520px;color:var(--dd-ink);text-align:left;background:#fff;border-radius:12px 12px 0 0;flex-direction:column;font-size:13px;line-height:1.4;display:flex;overflow:hidden;box-shadow:0 0 0 1px #1111130f}.docsiv-design .cpl-chrome{border-bottom:1px solid #eeeeec;flex-shrink:0;align-items:center;gap:10px;height:40px;padding:0 14px;display:flex}.docsiv-design .cpl-desk-body{flex:1;grid-template-columns:minmax(0,1fr) 270px;min-height:0;display:grid}.docsiv-design .cpl-desk-doc{background:#f6f6f5;padding:24px 0 0 24px}.docsiv-design .cpl-desk-doc img{border-radius:4px 4px 0 0;width:100%;max-width:440px;display:block;box-shadow:0 0 0 1px #1111130d}.docsiv-design .cpl-desk .cpl-panel{padding:18px 18px 24px}@media (max-width:760px){.docsiv-design .ph-stage.cpl-hero-well{grid-template-columns:minmax(0,1fr);max-height:420px}.docsiv-design .cpl-desk{display:none}.docsiv-design .cpl-phone{margin:0 auto}}.docsiv-design .cpl-mark{align-items:center;gap:7px;min-width:0;display:inline-flex}.docsiv-design .cpl-mark i{color:#fff;font-family:var(--dd-font-display);flex-shrink:0;place-items:center;font-style:normal;font-weight:600;line-height:1;display:grid}.docsiv-design .cpl-mark b{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.docsiv-design .cpl-dots{flex-shrink:0;gap:5px;display:flex}.docsiv-design .cpl-dots i{background:#e2e2df;border-radius:50%;width:9px;height:9px}.docsiv-design .cpl-url{max-width:380px;height:26px;color:var(--dd-ink-2);white-space:nowrap;background:#f3f3f1;border-radius:7px;flex:1;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;display:inline-flex;overflow:hidden}.docsiv-design .cpl-url.is-lit{color:#b83600;background:#fff3ec;box-shadow:0 0 0 1px #ffd2bd}.docsiv-design .cpl-head{border-bottom:1px solid #eeeeec;flex-shrink:0;align-items:center;gap:8px;height:46px;padding:0 16px;display:flex}.docsiv-design .cpl-head-space{color:var(--dd-ink-2);white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;display:inline-flex;overflow:hidden}.docsiv-design .cpl-sep{color:var(--dd-ink-3)}.docsiv-design .cpl-crumb{color:var(--dd-ink-2);font-size:12px}.docsiv-design .cpl-head-right{align-items:center;margin-left:auto;display:flex}.docsiv-design .cpl-win .cpl-head-right{padding-right:40px}.docsiv-design .cpl-h{letter-spacing:-.01em;font-size:15px;font-weight:500;display:block}.docsiv-design .cpl-sub{color:var(--dd-ink-2);font-size:11.5px;line-height:1.45;display:block}.docsiv-design .cpl-greet{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:500;line-height:1.2}.docsiv-design .cpl-greet small{color:var(--dd-ink-2);letter-spacing:0;margin-top:4px;font-size:12px;font-weight:400;display:block}.docsiv-design .cpl-sec{color:var(--dd-ink-3);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:500;display:flex}.docsiv-design .cpl-sec small{color:var(--dd-ink-3);letter-spacing:0;font-size:10.5px}.docsiv-design .cpl-list{flex-direction:column;gap:6px;display:flex}.docsiv-design .cpl-row{text-align:left;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:9px 11px;font-size:12.5px;display:flex;box-shadow:0 0 0 1px #1111130f}.docsiv-design .cpl-row.is-small{padding:7px 10px;font-size:12px}.docsiv-design .cpl-row>span:nth-child(2){flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.docsiv-design .cpl-row b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.docsiv-design .cpl-row small{color:var(--dd-ink-2);font-size:10.5px}.docsiv-design .cpl-row small.is-due{color:#b45309}.docsiv-design .cpl-row-go{color:var(--dd-ink-3);flex-shrink:0}.docsiv-design .cpl-ico{color:#1f4fd8;background:#eef3ff;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.docsiv-design .cpl-ico.is-sign{color:#b45309;background:#fdf3e0}.docsiv-design .cpl-ico.is-approve{color:#1f4fd8;background:#eef3ff}.docsiv-design .cpl-ico.is-files{color:#22744a;background:#e6f4ec}.docsiv-design .cpl-btn{height:34px;color:var(--dd-ink);white-space:nowrap;background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #e4e4e2}.docsiv-design .cpl-btn.is-primary{background:var(--dd-ink);color:#fff;box-shadow:none}.docsiv-design .cpl-btn.is-accent{color:#fff;box-shadow:none;background:#ff4a00}.docsiv-design .cpl-btn.is-small{height:26px;padding:0 10px;font-size:11px}.docsiv-design .cpl-btn.is-block{width:100%}.docsiv-design .cpl-ok{color:#fff;background:#22744a;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.docsiv-design .cpl-pill{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.docsiv-design .cpl-pill i{background:currentColor;border-radius:50%;width:6px;height:6px}.docsiv-design .cpl-pill.is-warning{color:#9a4b00;background:#fdf0e0}.docsiv-design .cpl-pill.is-info{color:#1f4fd8;background:#eef3ff}.docsiv-design .cpl-pill.is-neutral{color:var(--dd-ink-2);background:#f0f0ee}.docsiv-design .cpl-pill.is-success{color:#22744a;background:#e6f4ec}.docsiv-design .cpl-win{color:var(--dd-ink)}.docsiv-design .cpl-home{flex-direction:column;flex:1;gap:12px;padding:18px 60px 18px 20px;display:flex}.docsiv-design .cpl-win-body{flex:1;grid-template-columns:minmax(0,1fr) 260px;min-height:0;display:grid}.docsiv-design .cpl-doc{background:#f6f6f5;min-width:0;padding:22px 0 0 22px;position:relative}.docsiv-design .cpl-doc>img{border-radius:4px 4px 0 0;width:320px;display:block;box-shadow:0 0 0 1px #1111130d}.docsiv-design .cpl-page{width:340px}.docsiv-design .cpl-toast{background:#fff;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:inline-flex;position:absolute;top:170px;left:60px;box-shadow:0 0 0 1px #11111314,0 14px 30px -18px #1e293b80}.docsiv-design .cpl-toast small{color:var(--dd-ink-2);font-size:11px}.docsiv-design .cpl-panel{border-left:1px solid #eeeeec;flex-direction:column;gap:10px;min-width:0;padding:16px 56px 16px 16px;display:flex}.docsiv-design .cpl-panel-kicker{color:#1f4fd8;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:500}.docsiv-design .cpl-panel-title{letter-spacing:-.01em;font-size:15px;font-weight:500}.docsiv-design .cpl-panel-meta{color:var(--dd-ink-2);margin-top:-6px;font-size:11.5px}.docsiv-design .cpl-panel-h{color:var(--dd-ink-3);letter-spacing:.06em;text-transform:uppercase;margin-top:6px;font-size:10.5px;font-weight:500}.docsiv-design .cpl-mini{color:var(--dd-ink);align-items:center;gap:8px;font-size:12px;display:flex}.docsiv-design .cpl-mini small{color:var(--dd-ink-3);margin-left:auto;font-size:10.5px}.docsiv-design .cpl-signin{width:400px;color:var(--dd-ink);background:#fff;border-radius:14px;flex-direction:column;gap:14px;padding:28px;display:flex;position:absolute;top:44px;left:140px;box-shadow:0 0 0 1px #1111130f,0 24px 48px -32px #1e293b80}.docsiv-design .cpl-code{gap:8px;display:flex}.docsiv-design .cpl-code i{border:1px solid #e4e4e2;border-radius:10px;place-items:center;width:46px;height:54px;font-size:22px;font-style:normal;font-weight:500;display:grid}.docsiv-design .cpl-code i.is-on{border-color:var(--dd-ink);box-shadow:0 0 0 1px var(--dd-ink)}.docsiv-design .cpl-code i.is-on:after{content:"";background:var(--dd-ink);width:1.5px;height:22px;animation:1s steps(2,end) infinite cpl-caret}@keyframes cpl-caret{to{opacity:0}}.docsiv-design .cpl-line{background:#fff;border-radius:10px;flex-direction:column;gap:9px;padding:12px 13px;display:flex;box-shadow:0 0 0 1px #1111130f}.docsiv-design .cpl-line-h{justify-content:space-between;align-items:baseline;gap:8px;font-size:12.5px;display:flex}.docsiv-design .cpl-line-h b{font-weight:500}.docsiv-design .cpl-line-h small{color:var(--dd-ink-3);font-size:10.5px}.docsiv-design .cpl-files{flex-wrap:wrap;gap:6px;display:flex}.docsiv-design .cpl-file{background:#f2f2f0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.docsiv-design .cpl-drop{height:56px;color:var(--dd-ink-2);border:1px dashed #d4d4d0;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:11.5px;display:flex}.docsiv-design .cpl-answer{border:1px solid #e4e4e2;border-radius:8px;padding:8px 10px;font-size:12px}.docsiv-design .cpl-answer.is-empty{color:var(--dd-ink-3)}.docsiv-design .cpl-dialog{width:440px;color:var(--dd-ink);background:#fff;border-radius:14px;flex-direction:column;gap:12px;padding:18px;font-size:12px;display:flex;position:absolute;top:36px;left:110px;box-shadow:0 0 0 1px #1111130f,0 24px 48px -32px #1e293b80}.docsiv-design .cpl-dialog-h{letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.docsiv-design .cpl-dialog-h svg{color:var(--dd-ink-3)}.docsiv-design .cpl-dialog-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.docsiv-design .cpl-field{height:34px;color:var(--dd-ink-3);border:1px solid #e4e4e2;border-radius:9px;align-items:center;padding:0 11px;display:flex}.docsiv-design .cpl-people{flex-direction:column;gap:9px;display:flex}.docsiv-design .cpl-person{align-items:center;gap:9px;display:flex}.docsiv-design .cpl-person>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.docsiv-design .cpl-person b{font-weight:500}.docsiv-design .cpl-person small{color:var(--dd-ink-2);font-size:10.5px}.docsiv-design .cpl-choice{background:#f5f5f5;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.docsiv-design .cpl-choice.is-on{background:#eef3ff;box-shadow:0 0 0 1px #c7d6ff}.docsiv-design .cpl-choice>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.docsiv-design .cpl-choice b{font-weight:500}.docsiv-design .cpl-choice small{color:var(--dd-ink-2);font-size:10.5px}.docsiv-design .cpl-toggle{background:#d4d4d0;border-radius:999px;flex-shrink:0;width:30px;height:18px;position:relative}.docsiv-design .cpl-toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:2px}.docsiv-design .cpl-toggle.is-on{background:var(--dd-ink)}.docsiv-design .cpl-toggle.is-on:after{left:14px}.docsiv-design .cpl-drive{flex-direction:column;display:flex}.docsiv-design .cpl-drive-row{border-bottom:1px solid #f0f0ee;align-items:center;gap:10px;height:40px;padding:0 16px 0 14px;font-size:12px;display:flex}.docsiv-design .cpl-drive-row.is-on{background:#f6f6f5}.docsiv-design .cpl-drive-row>b{flex:1;min-width:0;font-weight:400}.docsiv-design .cpl-drive-row small{width:72px;color:var(--dd-ink-3);font-size:10.5px}.docsiv-design .cpl-drive-row svg:last-child{color:var(--dd-ink-3);margin-right:40px}.docsiv-design .cpl-folder{color:var(--dd-ink-2)}.docsiv-design .cpl-menu{background:#fff;border-radius:10px;flex-direction:column;gap:1px;width:206px;padding:5px;font-size:12px;display:flex;position:absolute;box-shadow:0 0 0 1px #11111314,0 18px 40px -24px #1e293b73}.docsiv-design .cpl-menu.is-sub{width:170px}.docsiv-design .cpl-menu>span{border-radius:6px;align-items:center;gap:8px;padding:7px 9px;display:flex}.docsiv-design .cpl-menu>span.is-on{background:#f2f2f0}.docsiv-design .cpl-menu>span>svg:last-child:not(:first-child){color:var(--dd-ink-3);margin-left:auto}.docsiv-design .cpl-menu hr{border:0;border-top:1px solid #eeeeec;margin:4px 0}.docsiv-design .cpl-inv-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12.5px;display:flex}.docsiv-design .cpl-inv-row{border-bottom:1px solid #f0f0ee;justify-content:space-between;padding:6px 0;font-size:11.5px;display:flex}.docsiv-design .cpl-inv-row.is-total{border-bottom:0;font-size:12.5px}.docsiv-design .cpl-inv-row.is-total b{font-weight:600}.docsiv-design .cpl-clients{flex-direction:column;display:flex}.docsiv-design .cpl-client{border-bottom:1px solid #f0f0ee;grid-template-columns:minmax(0,1fr) auto 86px;align-items:center;gap:12px;height:50px;padding:0 56px 0 16px;font-size:12.5px;display:grid}.docsiv-design .cpl-client>span:first-child{align-items:center;gap:10px;min-width:0;display:flex}.docsiv-design .cpl-client>span:first-child>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.docsiv-design .cpl-client .cpl-mark i{color:var(--dd-ink)}.docsiv-design .cpl-client b{font-weight:500}.docsiv-design .cpl-client small{color:var(--dd-ink-2);font-size:10.5px}.docsiv-design .cpl-activity{flex-direction:column;gap:9px;padding:10px 56px 16px 16px;display:flex}.docsiv-design .cpl-activity .cpl-panel-h{margin-top:0}.docsiv-design .cpl-act{align-items:center;gap:8px;font-size:11.5px;display:flex}.docsiv-design .cpl-act>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.docsiv-design .cpl-act b{font-weight:500}.docsiv-design .cpl-act small{color:var(--dd-ink-3);font-size:10.5px}.docsiv-design .cpl-brand-panel{gap:12px}.docsiv-design .cpl-brand-row{align-items:center;gap:10px;font-size:12px;display:flex}.docsiv-design .cpl-brand-k{width:54px;color:var(--dd-ink-3);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;font-size:10.5px;font-weight:500}.docsiv-design .cpl-brand-v{flex-direction:column;min-width:0;display:flex}.docsiv-design .cpl-brand-v small{color:var(--dd-ink-2);font-size:10.5px}.docsiv-design .cpl-swatches{gap:6px;display:flex}.docsiv-design .cpl-swatches i{border-radius:6px;width:20px;height:20px;box-shadow:inset 0 0 0 1px #1111131a}.docsiv-design .cpl-swatches i.is-on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #ff4a00}.docsiv-design .cpl-ways{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 16px;margin:44px 0 0;padding:0;list-style:none;display:grid}.docsiv-design .cpl-way-label{color:var(--dd-ink-3);letter-spacing:.06em;text-transform:uppercase;margin-top:18px;font-size:11px;font-weight:500;display:inline-block}.docsiv-design .cpl-ways .fs-card h3{margin-top:6px}.docsiv-design .cpl-split{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:32px 48px;margin-top:44px;display:grid}.docsiv-design .cpl-split.is-flip .cpl-split-pic{order:2}.docsiv-design .cpl-split-pic{min-width:0}.docsiv-design .cpl-split-rows{flex-direction:column;gap:22px;margin:0;padding:0;list-style:none;display:flex}.docsiv-design .cpl-split-rows li{flex-direction:column;gap:6px;display:flex}.docsiv-design .cpl-split-rows h3{color:var(--dd-ink);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:500}.docsiv-design .cpl-split-rows p{max-width:460px;color:var(--dd-ink-2);margin:0;font-size:14.5px;line-height:1.55}@media (max-width:1000px){.docsiv-design .cpl-ways{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.docsiv-design .cpl-split{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:32px}.docsiv-design .cpl-split.is-flip .cpl-split-pic{order:0}.docsiv-design .cpl-split-rows{gap:18px}}@media (max-width:640px){.docsiv-design .cpl-ways{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:32px}}