.demo{padding:calc(var(--top-h) + 64px) 0 120px}.demo-in{align-items:start;row-gap:64px}.demo-head{row-gap:26px;display:grid}.demo-head h1{font-size:clamp(44px,5vw,72px)}.demo-head .go{justify-self:start}.demo-form{box-shadow:0 0 0 1px var(--line), 0 30px 60px -44px #14100a59;background:#ffffff6b;border-radius:4px;padding:44px 44px 40px}.demo-form .form-note{max-width:24em}.demo-form .form-note .link{white-space:nowrap}.when-busy,.form[data-state=sending] .when-idle{display:none}.form[data-state=sending] .when-busy{display:inline}.demo-sent{outline:none;justify-items:start;row-gap:20px;display:grid}.demo-sent h2{font-size:clamp(36px,3.6vw,54px);line-height:1.04}.demo-sent p:not(.label){color:var(--ink-2);text-wrap:pretty;max-width:24em;font-size:18px;line-height:1.5}.demo-sent .btn{margin-top:12px}.demo-next .label,.thanks-next .label{margin-bottom:20px}.steps{border-top:1px solid var(--line)}.steps li{border-bottom:1px solid var(--line);grid-template-columns:30px minmax(0,1fr);gap:6px 10px;padding:20px 0 22px;display:grid}.step-n{font:500 19px/1 var(--sans);color:var(--lamp-deep);font-variant-numeric:tabular-nums;grid-row:span 2;padding-top:3px}.steps h3{letter-spacing:-.02em;font-size:22px;line-height:1.16}.steps p{color:var(--ink-2);font-size:15.5px;line-height:1.45}@media (width>=761px){.demo-head{grid-area:1/1/auto/span 5}.demo-next{grid-area:2/1/auto/span 4}.demo-form{grid-area:1/7/span 2/-1}}.thanks .steps{max-width:34em}.thanks .cta{grid-column:1/-1}.thanks-next{margin-top:16px}@media (width>=761px){.thanks .thanks-next{grid-column:1/span 6}}@media (width<=1180px) and (width>=761px){.demo-head{grid-column:1/span 6}.demo-next{grid-column:1/span 5}.demo-form{grid-column:7/-1;padding:32px 28px 28px}.demo-form .form-row{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.demo{padding:calc(var(--top-h) + 64px) 0 96px}.demo-in{row-gap:40px}.demo-head{row-gap:18px}.demo-head h1{font-size:min(40px,10.2vw)}.demo-form{box-shadow:none;background:0 0;border-radius:0;padding:0}.demo-form .form-act .btn{width:100%}.demo-sent h2{font-size:36px}.demo-sent p:not(.label){font-size:17px}.demo-next{padding-top:16px}.steps h3{font-size:21px}.steps p{font-size:15px}}.tk{padding:calc(var(--top-h) + 72px) var(--m) 0;overflow:visible}.tk-in{grid-template-columns:minmax(0,1fr) minmax(0,540px);align-items:start;gap:72px;max-width:1180px;margin:0 auto;display:grid}.tk-copy{padding-bottom:96px}.tk .label{margin-bottom:16px}.tk h1{letter-spacing:-.045em;font-size:clamp(40px,4.6vw,66px);font-weight:600;line-height:1}.tk-sub{color:var(--on-navy-2);max-width:30em;margin-top:20px;font-size:18px;line-height:1.5}.tk-list{color:var(--on-navy);gap:14px;margin-top:32px;font-size:16.5px}.tk-list .kr-done{background:var(--lamp);color:var(--navy)}.tk .go{width:max-content;max-width:100%;margin-top:28px;display:inline-flex}.tk-card.demo-form{z-index:2;color:var(--ink);background:#fff;border-radius:20px;margin-bottom:-120px;padding:40px 40px 36px;position:relative;box-shadow:0 0 0 1px #0b15220f,0 50px 100px -40px #0009}.tk-card .label{color:#98602a}.tk-card h2,.tk-card p,.tk-card label{color:var(--ink)}.tk-card h2 em{color:var(--ink-3)}.tk-card .demo-sent p:not(.label){color:var(--ink-2)}.tk-card .btn-line{color:var(--ink);border-color:var(--ink)}.tk-next{padding-top:200px}.tk-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.tk-d{color:var(--ink-2);font-size:15.5px;line-height:1.5}@media (width<=960px){.tk-in{grid-template-columns:1fr;gap:0}.tk-copy{padding-bottom:40px}.tk-card.demo-form{margin-bottom:-80px}.tk-next{padding-top:150px}.tk-steps{grid-template-columns:1fr}}@media (width<=760px){.tk{padding-top:calc(var(--top-h) + 40px)}.tk h1{font-size:min(38px,9.8vw);line-height:1.06}.tk-sub{font-size:16.5px}.tk-card.demo-form{margin-inline:calc(-1 * var(--m) + 8px);border-radius:18px;padding:26px 20px 24px}}.tk-in>.tk-card,.tk-in>.tk-copy{grid-area:auto}.tk-steps .steps4-t{min-height:0}.tk-steps>li{gap:10px}.sb{display:block}.sb-view{justify-items:start;row-gap:18px;display:grid}.sb-view[hidden]{display:none}.tk-card .sb h2{letter-spacing:-.03em;font-size:clamp(34px,3.2vw,46px);line-height:1.05}.sb-bar{width:100%;font:500 13.5px/1 var(--sans);color:var(--ink-2);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.sb-bar b{background:#0b15221a;border-radius:3px;height:6px;display:block;overflow:hidden}.sb-bar b i{background:var(--ink);border-radius:3px;width:25%;height:100%;transition:width .4s cubic-bezier(.2,.7,.2,1);display:block}.sb-tasks{gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.sb-task{text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:#f6f3ee;border:0;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:box-shadow .15s,background .15s;display:grid;box-shadow:0 0 0 1px #0b15220d}button.sb-task:hover,a.sb-task:hover{box-shadow:0 0 0 1px #0b152229}.sb-task:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sb-ic{width:42px;height:42px;color:var(--ink);background:#fff;border-radius:12px;place-items:center;display:grid;box-shadow:0 0 0 1px #0b152214}.sb-ic>svg{grid-area:1/1}.sb-ic .sb-ok{display:none}.sb-tx{min-width:0;display:block}.sb-tx b{font:600 16px/1.25 var(--sans);letter-spacing:-.01em;display:block}.sb-tx>span{color:var(--ink-2);margin-top:3px;font-size:14px;line-height:1.35;display:block}.sb-go{background:var(--ink);color:#f3efe8;height:36px;font:600 14px/1 var(--sans);white-space:nowrap;border-radius:9px;align-items:center;padding:0 14px;display:inline-flex}.sb-go.sb-line{color:var(--ink);background:0 0;box-shadow:inset 0 0 0 1px #0b152238}.sb-chev{color:var(--ink-3);display:none}.sb-task.is-done{background:#fff;box-shadow:0 0 0 1px #0b152214}.sb-task.is-done .sb-ic{color:#fff;box-shadow:none;background:#2f6b4f}.sb-task.is-done .sb-glyph{display:none}.sb-task.is-done .sb-ok{display:block}.sb-task.is-done b{color:var(--ink-3);text-decoration:line-through;text-decoration-thickness:1px}.sb-task.is-done .sb-go{color:var(--ink-3);background:0 0;box-shadow:inset 0 0 0 1px #0b15221f}.sb-top{justify-content:space-between;align-items:center;width:100%;display:flex}.sb-back{min-height:40px;color:var(--ink-2);font:500 14.5px/1 var(--sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.sb-back:hover{color:var(--ink)}.sb-prog{gap:6px;display:flex}.sb-prog i{background:#0b15221f;border-radius:2px;width:26px;height:4px;transition:background .2s}.sb-prog i.on{background:var(--ink)}.sb-q{border:0;row-gap:14px;width:100%;min-width:0;margin:0;padding:0;display:grid}.sb-q[hidden]{display:none}.sb-q legend,.sb-h{font:600 clamp(24px, 2.2vw, 30px)/1.12 var(--sans);letter-spacing:-.025em;color:var(--ink);margin:0 0 4px;padding:0}.tk-card .sb-hint{color:var(--ink-3);margin-top:-6px;font-size:15px;line-height:1.45}.sb-chips{flex-wrap:wrap;gap:8px;display:flex}.sb-chips.sb-stack{grid-template-columns:minmax(0,1fr);display:grid}.sb-chip{min-height:46px;font:500 15.5px/1.2 var(--sans);color:var(--ink);white-space:nowrap;cursor:pointer;text-align:left;background:#fff;border:1px solid #0b152229;border-radius:10px;align-items:center;gap:8px;padding:0 16px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.sb-chip .sb-ok{display:none}.sb-chip:hover{border-color:#0b152266}.sb-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#f3efe8}.sb-chip[aria-pressed=true] .sb-ok{display:block}.sb-chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sb-row{justify-content:space-between;align-items:center;gap:18px;width:100%;margin-top:4px;display:flex}.sb-row-end{justify-content:flex-end}.sb-skip{min-height:40px;font:500 14.5px/1 var(--sans);color:var(--ink-3);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.sb .btn-ink{align-items:center;gap:10px;display:inline-flex}.sb .btn-ink[disabled]{opacity:.35;pointer-events:none}.sb-people{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.sb-people:empty{display:none}.sb-person{background:#f6f3ee;border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.sb-av{background:var(--ink);color:#f3efe8;width:36px;height:36px;font:600 14px/1 var(--sans);border-radius:50%;place-items:center;display:grid}.sb-person b{font:600 15px/1.25 var(--sans);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sb-person div>span{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;display:block;overflow:hidden}.sb-x{width:36px;height:36px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:20px;line-height:1}.sb-x:hover{color:var(--ink);background:#0b15220f}.sb-add{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px;width:100%;display:grid}.sb-add .field{margin:0}.sb-add .sb-add-btn{color:var(--ink);border-color:#0b15224d;grid-column:1/-1;justify-self:start}.sb-add[hidden]{display:none}@media (width<=760px){.tk-card .sb h2{font-size:34px}.sb-task{grid-template-columns:40px minmax(0,1fr) 18px;padding:16px 14px 16px 16px}.sb-task .sb-go{display:none}.sb-task:not(.is-done) .sb-chev{display:block}.sb-add{grid-template-columns:minmax(0,1fr)}.sb-chips{gap:10px}}@media (prefers-reduced-motion:reduce){.sb-bar b i{transition:none}}