/* ==========================================================================
   "Start your project" multi-step form
   ========================================================================== */
.cd-start{padding-top:0}
.cd-start__intro{margin-bottom:30px}
.cd-start__wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.cd-form{padding:clamp(22px,4vw,44px);border:1px solid var(--cd-line2);border-radius:calc(var(--cd-radius) + 8px);background:linear-gradient(170deg,rgba(255,255,255,.06),rgba(255,255,255,.015));backdrop-filter:blur(14px)}
.cd-form__steps{display:flex;justify-content:space-between;gap:8px;margin-bottom:14px}
.cd-form__steps li{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--cd-dim);transition:color .3s}
.cd-form__steps li span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--cd-line2);font-family:var(--cd-display);font-size:.78rem;transition:.4s var(--cd-ease)}
.cd-form__steps li.is-current{color:#fff}.cd-form__steps li.is-current span{background:var(--cd-grad);border-color:transparent;box-shadow:0 0 20px -2px rgba(var(--cd-purple-rgb),.9)}
.cd-form__steps li.is-done span{background:rgba(52,224,138,.18);border-color:rgba(52,224,138,.5);color:#34e08a}
.cd-form__bar{height:3px;border-radius:3px;background:var(--cd-line);margin-bottom:clamp(24px,4vw,40px);overflow:hidden}
.cd-form__bar i{display:block;height:100%;width:20%;background:var(--cd-grad);transition:width .6s var(--cd-ease);transform-origin:right}
.cd-fs{border:0;margin:0;padding:0;min-width:0}
.cd-fs.is-current{display:block;animation:cd-step-in .55s var(--cd-ease)}
@keyframes cd-step-in{from{opacity:0;transform:translateX(-24px)}}
html[dir=rtl] .cd-fs.is-current{animation-name:cd-step-in-r}
@keyframes cd-step-in-r{from{opacity:0;transform:translateX(24px)}}
.cd-fs legend{padding:0;margin-bottom:24px;font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:800;line-height:1.35;float:left;width:100%}
.cd-fs legend+*{clear:both}
.cd-js-form .cd-fs:not(.is-current){display:none}
.cd-opts{display:grid;gap:12px}
.cd-opts--icons{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.cd-opts--rows{grid-template-columns:1fr}
.cd-opts--chips{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.cd-opt{position:relative;display:block;cursor:pointer}
.cd-opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}
.cd-opt>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:104px;padding:16px 12px;border:1px solid var(--cd-line2);border-radius:18px;background:var(--cd-glass);text-align:center;transition:.35s var(--cd-ease)}
.cd-opt>span .cd-ico{width:26px;height:26px;color:var(--cd-muted);transition:.3s}
.cd-opt>span b{font-size:.95rem;line-height:1.4}
.cd-opts--rows .cd-opt>span{flex-direction:row;justify-content:space-between;min-height:0;padding:18px 22px;text-align:start}
.cd-opts--rows small{color:var(--cd-muted);font-size:.86rem}
.cd-opts--rows .cd-opt>span{flex-wrap:wrap;gap:4px 16px}
.cd-opts--chips .cd-opt>span{min-height:0;padding:14px 18px}
.cd-opt:hover>span{border-color:rgba(255,255,255,.35);transform:translateY(-2px)}
.cd-opt input:focus-visible+span{outline:2px solid var(--cd-blue);outline-offset:3px}
.cd-opt input:checked+span{border-color:transparent;background:linear-gradient(140deg,rgba(var(--cd-blue-rgb),.4),rgba(var(--cd-purple-rgb),.3));box-shadow:0 0 0 1.5px rgba(var(--cd-purple-rgb),.9),0 16px 36px -14px rgba(var(--cd-purple-rgb),.9)}
.cd-opt input:checked+span .cd-ico{color:#fff}
.cd-opt input:checked+span::after{content:"";position:absolute;inset-block-start:10px;inset-inline-end:10px;width:18px;height:18px;border-radius:50%;background:#34e08a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2305070d' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/70% no-repeat}
.cd-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cd-field{display:block}.cd-field>span{display:block;margin-bottom:6px;font-size:.88rem;font-weight:700;color:var(--cd-muted)}
.cd-field--full{grid-column:1/-1}
.cd-field input.is-invalid,.cd-field textarea.is-invalid{border-color:#ff5c7a;box-shadow:0 0 0 4px rgba(255,92,122,.15)}
.cd-hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.cd-form__error{margin:18px 0 0;padding:12px 18px;border:1px solid rgba(255,92,122,.5);border-radius:14px;background:rgba(255,92,122,.1);color:#ffb4c1;font-size:.92rem}
.cd-form__nav{display:flex;justify-content:space-between;gap:12px;margin-top:clamp(24px,4vw,40px)}
.cd-form__nav [hidden]{display:none!important}
.cd-form__nav [data-next],.cd-form__nav [data-submit]{margin-inline-start:auto}
.cd-form.is-busy [data-submit]{opacity:.6;pointer-events:none}
.cd-form.is-busy [data-submit] span::after{content:"…"}
.cd-summary{position:sticky;inset-block-start:110px;padding:28px;border:1px solid var(--cd-line);border-radius:var(--cd-radius);background:var(--cd-glass)}
.cd-summary h2{font-size:1.15rem;margin-bottom:16px}
.cd-summary dl{margin:0;display:grid;gap:14px}.cd-summary dl div{padding-bottom:14px;border-bottom:1px solid var(--cd-line)}
.cd-summary dt{font-size:.76rem;color:var(--cd-dim);margin-bottom:2px}.cd-summary dd{margin:0;font-weight:700;font-size:.95rem;transition:color .3s}
.cd-summary dd.is-set{color:#fff}.cd-summary dd:not(.is-set){color:var(--cd-dim)}
.cd-summary__note{margin:16px 0 0;color:var(--cd-muted);font-size:.86rem}
.cd-done{grid-column:1/-1;text-align:center;padding:clamp(40px,7vw,90px) 20px;border:1px solid var(--cd-line2);border-radius:calc(var(--cd-radius) + 8px);background:radial-gradient(60% 80% at 50% 0,rgba(52,224,138,.14),transparent),var(--cd-glass);outline:0}
.cd-done[hidden]{display:none}
.cd-done__ico{display:inline-grid;place-items:center;width:84px;height:84px;margin-bottom:22px;border-radius:50%;background:#34e08a;color:#05070d;animation:cd-pop .8s var(--cd-ease) both}.cd-done__ico .cd-ico{width:40px;height:40px;stroke-width:2.6}
.cd-done h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:10px}.cd-done p{color:var(--cd-muted);max-width:50ch;margin:0 auto 26px}
.cd-start__wrap.is-sent>.cd-form,.cd-start__wrap.is-sent>.cd-summary{display:none}
@media(max-width:960px){.cd-start__wrap{grid-template-columns:1fr}.cd-summary{position:static;order:2}}
@media(max-width:640px){.cd-form__steps li em{display:none}.cd-form__steps{justify-content:center;gap:14px}.cd-fields{grid-template-columns:1fr}.cd-opts--icons{grid-template-columns:repeat(2,1fr)}.cd-form__steps li.is-current em{display:inline}}