.sp{padding-top:100px}.sp-main{flex-direction:column;grid-column:1/6;justify-content:space-between;align-self:start;gap:28px;min-height:560px;display:flex;position:sticky;top:96px}.sp-main .eyebrow{color:#ffffffbf}.sp-main h1{font-size:clamp(48px,5.4vw,96px)}.sp-main h1 .dot{color:var(--orange)}.sp-main p{color:#ffffffd9;max-width:44ch;font-size:clamp(17px,1.35vw,20px);font-weight:500}.sp-main .swoosh{opacity:.3;width:340px;position:absolute;top:-90px;right:-90px}.steps{flex-direction:column;gap:10px;list-style:none;display:flex}.steps li{font-family:var(--display);align-items:center;gap:12px;font-size:17px;font-weight:600;display:flex}.steps b{background:var(--orange);width:30px;height:30px;color:var(--purple-deep);border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.sp-form{grid-column:6/13}.status.ok{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.status.ok[hidden]{display:none}.status.ok strong{font-family:var(--display);font-size:22px}.status.ok a{text-decoration:underline}.status .link{all:unset;cursor:pointer;text-underline-offset:4px;margin-top:6px;font-weight:700;text-decoration:underline}.prio{border:0;flex-direction:column;gap:10px;display:flex}.prio legend{letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:700}.prio-opts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.prio-opt{cursor:pointer;position:relative;letter-spacing:0!important;text-transform:none!important}.prio-opt input{opacity:0;pointer-events:none;position:absolute}.prio-opt>span{background:var(--cream);border:2px solid #0000;border-radius:14px;flex-direction:column;gap:4px;height:100%;padding:12px 14px;transition:border-color .3s,background .3s;display:flex}.prio-opt strong{font-family:var(--display);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.prio-opt strong:before{content:"";background:var(--dot);border-radius:50%;width:9px;height:9px}.prio-opt small{color:#4a3354;font-size:12.5px;font-weight:500;line-height:1.35}.p-low{--dot:var(--blue)}.p-normal{--dot:var(--green)}.p-high{--dot:var(--orange)}.p-urgent{--dot:#d0342c}.prio-opt input:checked+span{border-color:var(--dot);background:#fff}.prio-opt input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}.attach{flex-direction:column;gap:8px;display:flex}.attach-label{letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:700}.attach-label em{opacity:.55;text-transform:none;letter-spacing:0;font-style:normal}.drop{cursor:pointer;background:var(--cream);border:2px dashed #4b1b5f38;border-radius:16px;transition:border-color .3s,background .3s;display:block;position:relative;text-transform:none!important;letter-spacing:0!important}.drop[hidden]{display:none}.drop:hover,.drop.over{border-color:var(--orange);background:#fff}.drop input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.drop:has(input:focus-visible){outline:2px solid var(--orange);outline-offset:2px}.drop-in{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:4px;padding:20px;display:flex}.drop-in svg{fill:none;width:28px;height:28px;stroke:var(--orange);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.drop-in strong{font-family:var(--display);font-size:15px;font-weight:600}.drop-in small{color:#6b5875;font-size:13px;font-weight:500}.attach-list{flex-direction:column;gap:6px;list-style:none;display:flex}.attach-list li{background:var(--cream);border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:600;display:flex}.attach-list li span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.attach-list small{color:#6b5875;font-weight:500}.attach-list button{all:unset;cursor:pointer;width:26px;height:26px;color:var(--purple);background:#fff;border-radius:50%;place-items:center;font-size:12px;display:grid}.attach-list button:hover{background:var(--orange);color:#fff}.sp-side{gap:var(--gap);grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.sp-side .k-item{min-height:180px}@media (width<=1100px){.sp-main,.sp-form{grid-column:1/-1}.sp-main{min-height:0;position:static}.prio-opts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.sp-side,.prio-opts{grid-template-columns:1fr}}
