@property --cp-brand{syntax:"<color>";inherits:true;initial-value:#2563eb}.docsiv-design.cpwl{--cp-brand:#2563eb;--cp-radius:var(--dd-radius-card,26px);--cp-frame:7px solid #ffffffb3;--cp-ring:0 0 0 1px #1111110f;--cp-pad-x:clamp(20px, 2.2vw, 28px)}.docsiv-design .dd-section.cpwl-sec{padding-top:clamp(28px,3vw,44px);padding-bottom:clamp(28px,3vw,44px)}.docsiv-design .dd-section.cpwl-hero-sec{padding-top:clamp(40px,4.5vw,64px)}.docsiv-design .cpwl-head{max-width:780px;margin-bottom:clamp(24px,3vw,36px)}.docsiv-design .cpwl-head .dd-lead{margin:18px 0 0}.docsiv-design .cpwl-note{color:var(--dd-ink-3);margin:18px 4px 0;font-size:13.5px;line-height:1.5}.docsiv-design .cpwl-hero-top{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:24px 64px;margin-bottom:clamp(28px,3.4vw,44px);display:grid}.docsiv-design .cpwl-hero-top .dd-h-display{margin:0;font-size:clamp(40px,5vw,72px)}.docsiv-design .cpwl-hero-aside .dd-lead{margin:0 0 22px}.docsiv-design .cpwl-hero-cta{flex-wrap:wrap;gap:10px;display:flex}.docsiv-design .cpwl-btn-arrow{margin-left:6px}.docsiv-design .cpwl-stage{border-radius:var(--cp-radius);border:var(--cp-frame);box-shadow:var(--cp-ring);background-color:#f6f6f4;background-image:radial-gradient(#0a0a0b1f 1px,#0000 1.2px);background-size:18px 18px;background-origin:border-box;padding:18px clamp(14px,3vw,40px) 0;transition:--cp-brand .5s;position:relative;overflow:hidden}.docsiv-design .cpwl-stage-bar{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:16px;display:flex}.docsiv-design .cpwl-stage-lbl{font-family:var(--dd-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dd-ink-3);font-size:10.5px}.docsiv-design .cpwl-stage-chips{flex-wrap:wrap;gap:8px;display:flex}.docsiv-design .cpwl-stage-chip{height:34px;font-family:var(--dd-font-body);color:var(--dd-ink-2);cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 5px;font-size:13px;font-weight:500;transition:box-shadow .2s,color .2s;display:inline-flex;box-shadow:0 0 0 1px #11111114}.docsiv-design .cpwl-stage-chip .mk{background:var(--c);color:#fff;border-radius:999px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:grid}.docsiv-design .cpwl-stage-chip:hover{color:var(--dd-ink)}.docsiv-design .cpwl-stage-chip[aria-checked=true]{color:var(--dd-ink);box-shadow:0 0 0 2px var(--c)}.docsiv-design .cpwl-stage-chip:focus-visible{outline:2px solid var(--dd-ink);outline-offset:3px}.docsiv-design .cpwl-stage-window{background:#fff;border:1px solid #e3e3e0;border-bottom:0;border-radius:14px 14px 0 0;flex-direction:column;height:clamp(360px,40vw,540px);display:flex;overflow:hidden;box-shadow:0 30px 60px -30px #14211f59}.docsiv-design .cpwl-stage-chrome{background:#f7f6f3;border-bottom:1px solid #ededed;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;display:flex}.docsiv-design .cpwl-stage-chrome .traffic{flex-shrink:0;gap:5px;width:40px;display:flex}.docsiv-design .cpwl-stage-chrome .traffic i{background:#e06c5a;border-radius:999px;width:9px;height:9px}.docsiv-design .cpwl-stage-chrome .traffic i:nth-child(2){background:#e5b85a}.docsiv-design .cpwl-stage-chrome .traffic i:nth-child(3){background:#65b271}.docsiv-design .cpwl-stage-chrome .url{min-width:0;font-family:var(--dd-font-mono);color:#7a8380;white-space:nowrap;background:#fff;border:1px solid #e6e4de;border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-size:11px;animation:.45s both cpwl-in;display:inline-flex;overflow:hidden}.docsiv-design .cpwl-stage-chrome .url svg{color:#22a06b;flex-shrink:0}.docsiv-design .cpwl-stage-screen{flex:1;position:relative;-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}@keyframes cpwl-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.docsiv-design .cpwl-bento{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;gap:16px;display:grid}.docsiv-design .cpwl-card{border-radius:var(--cp-radius);border:var(--cp-frame);min-width:0;box-shadow:var(--cp-ring);background:#f5f5f5 border-box;flex-direction:column;grid-column:span 6;padding:14px;display:flex;overflow:hidden}.docsiv-design .cpwl-card.s4{grid-column:span 4}.docsiv-design .cpwl-card.s5{grid-column:span 5}.docsiv-design .cpwl-card.s7{grid-column:span 7}.docsiv-design .cpwl-well{flex:1;grid-template-columns:minmax(0,1fr);place-items:center;min-height:250px;padding:12px;display:grid}.docsiv-design .cpwl-card-txt{padding:14px calc(var(--cp-pad-x) - 14px) 8px}.docsiv-design .cpwl-card-txt h3,.docsiv-design .cpwl-step h3{font-family:var(--dd-font-display);letter-spacing:-.02em;color:var(--dd-ink);margin:0 0 6px;font-size:clamp(19px,1.6vw,22px);font-weight:400;line-height:1.2}.docsiv-design .cpwl-card-txt p,.docsiv-design .cpwl-step>p{max-width:62ch;color:var(--dd-ink-2);margin:0;font-size:14.5px;line-height:1.55}.docsiv-design .cpwl-also{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:20px;display:flex}.docsiv-design .cpwl-also .lbl{font-family:var(--dd-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dd-ink-3);font-size:10.5px}.docsiv-design .cpwl-also ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.docsiv-design .cpwl-also li{height:32px;color:var(--dd-ink-2);white-space:nowrap;background:#f3f3f1;border-radius:999px;align-items:center;padding:0 13px;font-size:12.5px;display:inline-flex}.docsiv-design .cpwl-strip{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.docsiv-design .cpwl-step{isolation:isolate;background-color:#f2f2f2;background-origin:border-box;flex-direction:column;min-width:0;padding-bottom:clamp(22px,2.4vw,28px);display:flex;overflow:hidden}.docsiv-design .cpwl-step>h3,.docsiv-design .cpwl-step>p{padding-inline:var(--cp-pad-x)}.docsiv-design .cpwl-step-vis{grid-template-columns:minmax(0,1fr);place-items:center;height:290px;padding:62px 20px 18px;display:grid;position:relative}.docsiv-design .cpwl-step-num{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:40px;height:40px;font-family:var(--dd-font-body);color:#fff;font-variant-numeric:tabular-nums;background:#1414146b;border-radius:12px;place-items:center;font-size:19px;font-weight:600;line-height:1;display:grid;position:absolute;top:18px;left:18px;box-shadow:inset 0 0 0 1px #ffffff24}@media (min-width:981px){.docsiv-design .cpwl-strip{border-radius:var(--cp-radius);box-shadow:var(--cp-ring)}.docsiv-design .cpwl-step{border:var(--cp-frame);border-left-width:0;border-right-width:0;border-radius:0}.docsiv-design .cpwl-step:first-child{border-radius:var(--cp-radius) 0 0 var(--cp-radius);border-left-width:7px}.docsiv-design .cpwl-step:last-child{border-radius:0 var(--cp-radius) var(--cp-radius) 0;border-right-width:7px}.docsiv-design .cpwl-step+.cpwl-step{box-shadow:inset 1px 0 #1111111a}}.docsiv-design .cpwl-faq{border-top:1px solid var(--dd-border)}.docsiv-design .cpwl-faq-item{border-bottom:1px solid var(--dd-border)}.docsiv-design .cpwl-faq-q{text-align:left;cursor:pointer;width:100%;font-family:var(--dd-font-display);letter-spacing:-.015em;color:var(--dd-ink);background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:22px 4px;font-size:17px;font-weight:400;display:flex}.docsiv-design .cpwl-faq-item:not(.open) .cpwl-faq-q{color:var(--dd-ink-2)}.docsiv-design .cpwl-faq-caret{color:var(--dd-ink-3);flex-shrink:0;place-items:center;transition:transform .25s cubic-bezier(.16,1,.3,1),color .2s;display:grid}.docsiv-design .cpwl-faq-item.open .cpwl-faq-caret{color:var(--dd-ink);transform:rotate(45deg)}.docsiv-design .cpwl-faq-a{max-width:760px;color:var(--dd-ink-2);margin:0;padding:0 4px 22px;font-size:15px;line-height:1.65}.docsiv-design .cpwl-ui{width:100%;max-width:440px;font-family:var(--dd-font-body);color:var(--dd-ink);text-align:left;background:#fff;border-radius:14px;padding:14px;font-size:12.5px;line-height:1.4;box-shadow:0 0 0 1px #1111110f,0 14px 30px -20px #1111114d}.docsiv-design .cpwl-ui b{font-weight:500}.docsiv-design .cpwl-ui p{margin:0}.docsiv-design .cpwl-ui-hd{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.docsiv-design .cpwl-ui-hd>b{font-size:13.5px}.docsiv-design .cpwl-ui-hd .ttl{flex-direction:column;gap:1px;min-width:0;display:flex}.docsiv-design .cpwl-ui-hd .ttl b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.docsiv-design .cpwl-ui-hd .ttl span{color:#8a8a8a;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.docsiv-design .cpwl-mark{background:var(--cp-brand);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;font-weight:600;line-height:1;display:inline-grid}.docsiv-design .cpwl-mark.sm{border-radius:5px;width:16px;height:16px;font-size:9px}.docsiv-design .cpwl-mark.lg{border-radius:999px;width:30px;height:30px;font-size:13px}.docsiv-design .cpwl-pill{color:#52525b;white-space:nowrap;background:#f4f4f5;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.docsiv-design .cpwl-pill i{background:currentColor;border-radius:999px;width:6px;height:6px}.docsiv-design .cpwl-pill.ok{color:#15803d;background:#dcfce7}.docsiv-design .cpwl-pill.warn{color:#b45309;background:#fef3c7}.docsiv-design .cpwl-pill.open{color:#0369a1;background:#e0f2fe}.docsiv-design .cpwl-btn-brand,.docsiv-design .cpwl-btn-ghost,.docsiv-design .cpwl-btn-dark,.docsiv-design .cpwl-btn-danger{white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 13px;font-size:12px;font-weight:500;display:inline-flex}.docsiv-design .cpwl-btn-brand{background:var(--cp-brand);color:#fff}.docsiv-design .cpwl-btn-ghost{color:var(--dd-ink);background:#fff;box-shadow:inset 0 0 0 1px #1111111f}.docsiv-design .cpwl-btn-dark{color:#fff;background:#111318}.docsiv-design .cpwl-btn-danger{color:#be123c;background:#fff1f2}.docsiv-design .cpwl-seg{background:#f4f4f5;border-radius:9px;gap:2px;padding:3px;display:inline-flex}.docsiv-design .cpwl-seg>span{color:#71717a;border-radius:7px;padding:4px 10px;font-size:11.5px}.docsiv-design .cpwl-seg>span.on{color:var(--dd-ink);background:#fff;box-shadow:0 0 0 1px #0000000d,0 1px 3px #00000014}.docsiv-design .cpwl-seg.wide{display:flex}.docsiv-design .cpwl-seg.wide>span{text-align:center;flex:1}.docsiv-design .cpwl-tog{background:#e4e4e7;border-radius:999px;flex-shrink:0;width:26px;height:15px;display:inline-block;position:relative}.docsiv-design .cpwl-tog i{background:#fff;border-radius:999px;width:11px;height:11px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.docsiv-design .cpwl-tog.on{background:var(--cp-brand)}.docsiv-design .cpwl-tog.on i{left:13px}.docsiv-design .cpwl-lines{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.docsiv-design .cpwl-lines i{background:#ececec;border-radius:3px;height:5px;display:block}.docsiv-design .cpwl-dom-field{height:36px;font-family:var(--dd-font-mono);border:1px solid #e5e5e5;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex}.docsiv-design .cpwl-dom-field svg{color:#22a06b}.docsiv-design .cpwl-dom-table{border:1px solid #ececec;border-radius:10px;margin-top:12px;overflow:hidden}.docsiv-design .cpwl-dom-table .r{color:#52525b;grid-template-columns:62px minmax(0,1fr) 80px 20px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:grid}.docsiv-design .cpwl-dom-table .r+.r{border-top:1px solid #f0f0f0}.docsiv-design .cpwl-dom-table .r.h{letter-spacing:.04em;text-transform:uppercase;color:#9a9a9a;background:#fafafa;font-size:10.5px}.docsiv-design .cpwl-dom-table .t{font-family:var(--dd-font-mono);color:#0369a1;font-size:11px}.docsiv-design .cpwl-dom-table .m{font-family:var(--dd-font-mono);color:var(--dd-ink);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.docsiv-design .cpwl-dom-table .ok{color:#16a34a}.docsiv-design .cpwl-dom-foot{color:#8a8a8a;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:11.5px;display:flex}.docsiv-design .cpwl-login{flex-direction:column;max-width:300px;padding:20px;display:flex}.docsiv-design .cpwl-login-brand{font-family:var(--dd-font-display);align-items:center;gap:8px;margin-bottom:18px;font-size:15px;font-weight:500;display:flex}.docsiv-design .cpwl-login-eyebrow{color:#8a8a8a;font-size:11px}.docsiv-design .cpwl-login-h{font-family:var(--dd-font-display);letter-spacing:-.02em;margin-top:2px;font-size:19px}.docsiv-design .cpwl-login-sub{color:#737373;margin:2px 0 14px;font-size:12px}.docsiv-design .cpwl-field{color:#737373;flex-direction:column;gap:4px;margin-bottom:10px;font-size:11px;display:flex}.docsiv-design .cpwl-field .v{height:32px;color:var(--dd-ink);border:1px solid #e5e5e5;border-radius:8px;align-items:center;padding:0 10px;font-size:12px;display:flex}.docsiv-design .cpwl-login-btn{background:var(--cp-brand);color:#fff;border-radius:8px;place-items:center;height:34px;margin-top:4px;font-size:12.5px;font-weight:500;display:grid}.docsiv-design .cpwl-login-link{text-align:center;color:#737373;text-underline-offset:2px;margin-top:10px;font-size:11.5px;text-decoration:underline}.docsiv-design .cpwl-mail{flex-direction:column;align-items:flex-start;gap:10px;max-width:340px;padding:18px;display:flex}.docsiv-design .cpwl-mail-hd{align-items:center;gap:10px;width:100%;display:flex}.docsiv-design .cpwl-mail-hd .meta{flex-direction:column;min-width:0;display:flex}.docsiv-design .cpwl-mail-hd .meta b{font-size:13px}.docsiv-design .cpwl-mail-hd .meta span{color:#8a8a8a;font-size:11.5px}.docsiv-design .cpwl-mail-hd .when{color:#a1a1aa;margin-left:auto;font-size:11px}.docsiv-design .cpwl-mail-subj{font-size:14px}.docsiv-design .cpwl-mail p,.docsiv-design .cpwl-inv-p{color:#52525b;font-size:12.5px;line-height:1.5}.docsiv-design .cpwl-mail-foot{color:#a1a1aa;border-top:1px solid #f0f0f0;width:100%;padding-top:10px;font-size:11px}.docsiv-design .cpwl-docv{max-width:520px;padding:0;overflow:hidden}.docsiv-design .cpwl-docv-bar{border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:10px 12px;display:flex}.docsiv-design .cpwl-docv-bar .crumb{color:#8a8a8a;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;overflow:hidden}.docsiv-design .cpwl-docv-bar .crumb i{color:#d4d4d8;margin:0 4px;font-style:normal}.docsiv-design .cpwl-docv-bar .crumb b{color:var(--dd-ink)}.docsiv-design .cpwl-docv-page{aspect-ratio:16/8.2;background:#f5f5f5;max-width:100%;position:relative}.docsiv-design .cpwl-ac{max-width:520px}.docsiv-design .cpwl-ac-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.docsiv-design .cpwl-ac-list li{border:1px solid #11131817;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.docsiv-design .cpwl-ac-list li.is-primary{border-color:#11131829;box-shadow:0 1px 2px #1113180d}.docsiv-design .cpwl-ac-list .ic,.docsiv-design .cpwl-media-req .ic{color:#3f3f46;background:#f4f4f5;border-radius:999px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.docsiv-design .cpwl-ac-list .ic.is-dark{background:var(--cp-brand);color:#fff}.docsiv-design .cpwl-ac-list .ic.is-amber,.docsiv-design .cpwl-media-req .ic{color:#b45309;background:#fef3c7}.docsiv-design .cpwl-ac-list .ic.is-green{color:#15803d;background:#dcfce7}.docsiv-design .cpwl-ac-list .ic.is-violet{color:#6d28d9;background:#ede9fe}.docsiv-design .cpwl-ac-list .meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.docsiv-design .cpwl-ac-list .trow{align-items:center;gap:8px;min-width:0;display:flex}.docsiv-design .cpwl-ac-list .trow b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.docsiv-design .cpwl-ac-list .s{color:#737373;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.docsiv-design .cpwl-due{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:1px 8px;font-size:10.5px;font-weight:500}.docsiv-design .cpwl-due.is-late{color:#be123c;background:#fff1f2;box-shadow:inset 0 0 0 1px #e11d482e}.docsiv-design .cpwl-due.is-soon{color:#b45309;background:#fffbeb;box-shadow:inset 0 0 0 1px #d9770633}.docsiv-design .cpwl-due.is-calm{color:#71717a;background:#f4f4f5}.docsiv-design .cpwl-appr{max-width:380px;padding:0;position:relative;overflow:hidden}.docsiv-design .cpwl-appr-doc{aspect-ratio:16/8.6;background:#f5f5f5;position:relative}.docsiv-design .cpwl-appr-bar{border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.docsiv-design .cpwl-appr-bar .st{align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.docsiv-design .cpwl-appr-bar .st i{background:#f59e0b;border-radius:999px;width:7px;height:7px}.docsiv-design .cpwl-appr-bar .acts{gap:6px;display:flex}.docsiv-design .cpwl-toast{color:#fff;white-space:nowrap;background:#111318;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:11.5px;display:inline-flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px -12px #00000080}.docsiv-design .cpwl-toast svg{color:#4ade80}.docsiv-design .cpwl-sign{max-width:380px}.docsiv-design .cpwl-sign-box{border:1px dashed color-mix(in srgb, var(--cp-brand) 45%, #fff);background:color-mix(in srgb, var(--cp-brand) 5%, #fff);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.docsiv-design .cpwl-sign-box .lbl{letter-spacing:.06em;text-transform:uppercase;color:#8a8a8a;font-size:10.5px}.docsiv-design .cpwl-sign-box .sig{font-family:var(--dd-font-accent);color:#1e293b;border-bottom:1px solid #d4d4d8;padding-bottom:4px;font-size:26px;font-style:italic;line-height:1.2}.docsiv-design .cpwl-sign-box .who{color:#737373;font-size:11px}.docsiv-design .cpwl-sign-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.docsiv-design .cpwl-sign-foot .rec{color:#737373;align-items:center;gap:6px;min-width:0;font-size:11.5px;display:inline-flex}.docsiv-design .cpwl-sign-foot .rec svg{color:#16a34a;flex-shrink:0}.docsiv-design .cpwl-sup{max-width:480px}.docsiv-design .cpwl-msg{gap:10px;margin-bottom:10px;display:flex}.docsiv-design .cpwl-msg .av,.docsiv-design .cpwl-acc-person .av,.docsiv-design .cpwl-iso-who .av{color:#3730a3;background:#e0e7ff;border-radius:999px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:10.5px;font-weight:600;display:grid}.docsiv-design .cpwl-msg.team .av{background:var(--cp-brand);color:#fff}.docsiv-design .cpwl-msg .b{background:#f6f6f7;border-radius:12px;flex:1;min-width:0;padding:9px 11px}.docsiv-design .cpwl-msg.team .b{background:color-mix(in srgb, var(--cp-brand) 7%, #fff)}.docsiv-design .cpwl-msg .m{color:#8a8a8a;justify-content:space-between;gap:8px;margin-bottom:3px;font-size:11px;display:flex}.docsiv-design .cpwl-msg .m b{color:var(--dd-ink)}.docsiv-design .cpwl-msg p{color:#3f3f46;font-size:12.5px}.docsiv-design .cpwl-att{background:#fff;border-radius:7px;align-items:center;gap:5px;margin-top:7px;padding:3px 9px;font-size:11px;display:inline-flex;box-shadow:inset 0 0 0 1px #1111111a}.docsiv-design .cpwl-sup-input{color:#a1a1aa;border:1px solid #e5e5e5;border-radius:999px;justify-content:space-between;align-items:center;height:36px;padding:0 5px 0 12px;font-size:12px;display:flex}.docsiv-design .cpwl-sup-input .send{background:var(--cp-brand);color:#fff;border-radius:999px;place-items:center;width:26px;height:26px;display:grid}.docsiv-design .cpwl-proj{max-width:520px}.docsiv-design .cpwl-proj-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.docsiv-design .cpwl-proj-cols .col{background:#f6f6f7;border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:8px;display:flex}.docsiv-design .cpwl-proj-cols .ch{color:#3f3f46;align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:flex}.docsiv-design .cpwl-proj-cols .ch i{border-radius:999px;width:7px;height:7px}.docsiv-design .cpwl-proj-cols .ch .n{color:#a1a1aa;margin-left:auto;font-size:10.5px}.docsiv-design .cpwl-proj-cols .task{background:#fff;border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex;box-shadow:0 0 0 1px #1111110f}.docsiv-design .cpwl-proj-cols .task .t{font-size:12px;font-weight:500}.docsiv-design .cpwl-proj-cols .task .m{color:#8a8a8a;font-size:10.5px}.docsiv-design .cpwl-proj-cols .task.done .t{color:#a1a1aa;text-decoration:line-through}.docsiv-design .cpwl-media{max-width:380px}.docsiv-design .cpwl-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.docsiv-design .cpwl-media-grid .tile{aspect-ratio:4/3;background:#f4f4f5;border-radius:7px;position:relative;overflow:hidden}.docsiv-design .cpwl-media-req{border:1px solid #f0f0f0;border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:9px 10px;display:flex}.docsiv-design .cpwl-media-req .t{flex-direction:column;flex:1;min-width:0;display:flex}.docsiv-design .cpwl-media-req .t b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.docsiv-design .cpwl-media-req .t span{color:#8a8a8a;font-size:11px}.docsiv-design .cpwl-iso{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:640px;display:grid}.docsiv-design .cpwl-iso-card{flex-direction:column;gap:10px;padding:12px;display:flex}.docsiv-design .cpwl-iso-hd{align-items:center;gap:7px;font-size:12.5px;display:flex}.docsiv-design .cpwl-iso-hd .lock{color:#15803d;background:#dcfce7;border-radius:999px;place-items:center;width:20px;height:20px;margin-left:auto;display:grid}.docsiv-design .cpwl-iso-who,.docsiv-design .cpwl-acc-person{align-items:center;gap:8px;min-width:0;display:flex}.docsiv-design .cpwl-iso-who .tx,.docsiv-design .cpwl-acc-person .tx{flex-direction:column;min-width:0;display:flex}.docsiv-design .cpwl-iso-who .tx b,.docsiv-design .cpwl-acc-person .tx b{font-size:12.5px}.docsiv-design .cpwl-iso-who .tx span,.docsiv-design .cpwl-acc-person .tx span{color:#8a8a8a;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.docsiv-design .cpwl-iso-docs{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.docsiv-design .cpwl-iso-docs li{background:#f6f6f7;border-radius:8px;align-items:center;gap:6px;min-width:0;padding:6px 8px;font-size:11.5px;display:flex}.docsiv-design .cpwl-iso-docs li svg{flex-shrink:0}.docsiv-design .cpwl-iso-docs li span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.docsiv-design .cpwl-iso-foot{font-family:var(--dd-font-mono);letter-spacing:.04em;color:#a1a1aa;font-size:10px}.docsiv-design .cpwl-acc{max-width:340px}.docsiv-design .cpwl-acc-person{background:#f6f6f7;border-radius:10px;margin-bottom:4px;padding:8px 10px}.docsiv-design .cpwl-acc-lbl{font-family:var(--dd-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#a1a1aa;margin:10px 0 6px;font-size:10px}.docsiv-design .cpwl-acc-secs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;display:grid}.docsiv-design .cpwl-acc-secs .sec{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.docsiv-design .cpwl-acc-foot{color:#8a8a8a;border-top:1px solid #f0f0f0;align-items:center;gap:10px;margin-top:14px;padding-top:12px;font-size:11px;display:flex}.docsiv-design .cpwl-step-ui{max-width:300px}.docsiv-design .cpwl-step-ui .cpwl-acc-lbl:first-child{margin-top:0}.docsiv-design .cpwl-kit-field{border:1px solid #ececec;border-radius:9px;align-items:center;gap:8px;height:34px;padding:0 10px;font-size:13px;font-weight:500;display:flex}.docsiv-design .cpwl-kit-field.mono{font-family:var(--dd-font-mono);color:#52525b;font-size:11.5px;font-weight:400}.docsiv-design .cpwl-kit-field.mono svg{color:#22a06b}.docsiv-design .cpwl-kit-sw{gap:9px;padding:2px;display:flex}.docsiv-design .cpwl-kit-sw span{border-radius:999px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000014}.docsiv-design .cpwl-kit-sw span.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #2563eb}.docsiv-design .cpwl-prev-hd{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.docsiv-design .cpwl-prev-frame{background:radial-gradient(260px 90px at 40% -40px, color-mix(in srgb, var(--cp-brand) 22%, transparent), transparent 72%), #fcfcfc;border:1px solid #ececec;border-radius:10px;flex-direction:column;gap:7px;padding:10px;display:flex}.docsiv-design .cpwl-prev-frame .bar{align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:flex}.docsiv-design .cpwl-prev-frame .greet{font-family:var(--dd-font-display);letter-spacing:-.02em;font-size:16px}.docsiv-design .cpwl-prev-frame .row{background:#fff;border:1px solid #11131814;border-radius:8px;align-items:center;gap:8px;padding:7px 9px;font-size:11.5px;display:flex}.docsiv-design .cpwl-prev-frame .row i{background:var(--cp-brand);border-radius:999px;width:7px;height:7px}.docsiv-design .cpwl-prev-frame .row i.amber{background:#f59e0b}@media (max-width:980px){.docsiv-design .cpwl-hero-top{grid-template-columns:minmax(0,1fr);gap:20px}.docsiv-design .cpwl-card,.docsiv-design .cpwl-card.s4,.docsiv-design .cpwl-card.s5,.docsiv-design .cpwl-card.s7{grid-column:span 12}.docsiv-design .cpwl-strip{border-radius:var(--cp-radius);max-width:560px;box-shadow:var(--cp-ring);grid-template-columns:minmax(0,1fr);margin:0 auto}.docsiv-design .cpwl-step{border:var(--cp-frame);border-top-width:0;border-bottom-width:0;border-radius:0}.docsiv-design .cpwl-step:first-child{border-radius:var(--cp-radius) var(--cp-radius) 0 0;border-top-width:7px}.docsiv-design .cpwl-step:last-child{border-radius:0 0 var(--cp-radius) var(--cp-radius);border-bottom-width:7px}.docsiv-design .cpwl-step+.cpwl-step{box-shadow:inset 0 1px #1111111a}.docsiv-design .cpwl-step-vis{height:270px}}@media (max-width:640px){.docsiv-design .cpwl-card{padding:10px}.docsiv-design .cpwl-well{min-height:0;padding:6px}.docsiv-design .cpwl-card-txt{padding:12px 8px 6px}.docsiv-design .cpwl-stage{border-radius:20px;padding:12px 12px 0}.docsiv-design .cpwl-stage-lbl{display:none}.docsiv-design .cpwl-stage-chip{height:30px;padding-right:11px;font-size:12px}.docsiv-design .cpwl-stage-chip .mk{width:20px;height:20px;font-size:10px}.docsiv-design .cpwl-stage-window{height:320px}.docsiv-design .cpwl-iso{grid-template-columns:minmax(0,1fr)}.docsiv-design .cpwl-iso-card:nth-child(3),.docsiv-design .cpwl-ac-list .cpwl-btn-ghost{display:none}.docsiv-design .cpwl-dom-table .r{grid-template-columns:54px minmax(0,1fr) 20px}.docsiv-design .cpwl-dom-table .r>:nth-child(3){display:none}.docsiv-design .cpwl-proj-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.docsiv-design .cpwl-proj-cols .col:nth-child(3){display:none}.docsiv-design .cpwl-step-vis{height:auto;min-height:250px}.docsiv-design .cpwl-sign-foot .rec{font-size:11px}}@media (prefers-reduced-motion:reduce){.docsiv-design .cpwl-stage{transition:none}.docsiv-design .cpwl-stage-chrome .url{animation:none}}