.lk-page{--lk-paper:#f8f4ec;--lk-ink:#251d5c;--lk-purple:#605ea7;--lk-cyan:#11c8d5;--lk-pink:#fc79a4;--lk-lime:#d8ff63;--lk-sage:#c6cdaa;--lk-line:#251d5c42;--lk-out:cubic-bezier(.16, 1, .3, 1);--lk-spring:cubic-bezier(.3, 1.45, .5, 1);background:radial-gradient(circle at 8% 12%, #11c8d524, transparent 32rem), radial-gradient(circle at 96% 4%, #fc79a429, transparent 30rem), var(--lk-paper);min-height:calc(100svh - 5.4rem);color:var(--lk-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overflow:clip}.lk-page *{box-sizing:border-box}.lk-page ::selection{color:#211c4d;background:#a499ff}.lk-page :is(a,button,input,textarea,label):focus-visible,.lk-page .lk-drop:focus-within{outline:3px solid var(--lk-ink);outline-offset:3px}.lk-shell{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:clamp(28px,5vw,84px);width:min(100% - 40px,1440px);margin-inline:auto;padding:clamp(24px,3.4vw,48px) 0 clamp(64px,8vw,120px);display:grid}.lk-panel{min-width:0;max-width:700px}.lk-top{border-bottom:1px solid var(--lk-line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:16px;display:flex}.lk-eyebrow{letter-spacing:.15em;font-size:11px;font-weight:800}.lk-progress{flex-shrink:0;gap:6px;display:flex}.lk-progress i{background:#251d5c29;border-radius:99px;width:clamp(16px,2.6vw,32px);height:6px;transition:background-color .4s}.lk-progress i.is-done{background:var(--lk-ink)}.lk-progress i.is-now{background:var(--lk-pink)}.lk-resume{border:1.5px solid var(--lk-ink);background:var(--lk-lime);color:var(--lk-ink);cursor:pointer;border-radius:99px;align-items:center;gap:10px;margin-top:18px;padding:10px 16px;font-size:14px;font-weight:800;display:inline-flex}.lk-step{padding-top:clamp(26px,3.6vw,52px)}.lk-kicker{color:var(--lk-purple);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}.lk-page h1{letter-spacing:-.05em;text-wrap:balance;outline:none;margin:0;font-size:clamp(2.2rem,4.5vw,4.1rem);font-weight:900;line-height:.98}.lk-lead{max-width:34rem;margin:16px 0 0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.55}.lk-fields{gap:22px;margin-top:clamp(24px,3vw,38px);display:grid}.lk-field{gap:9px;min-width:0;display:grid}.lk-field>span{font-size:14px;font-weight:800}.lk-field>span em{opacity:.6;margin-left:6px;font-size:12px;font-style:normal;font-weight:600}.lk-page :is(input[type=text],input[type=tel],input[type=email],input[type=url],textarea){border:1.5px solid var(--lk-ink);width:100%;min-height:58px;color:var(--lk-ink);font:inherit;background:#fff;border-radius:16px;padding:0 18px;font-size:1.05rem}.lk-page textarea{resize:vertical;min-height:132px;padding:16px 18px;line-height:1.5}.lk-page ::placeholder{color:#251d5c73}.lk-page :is(input,textarea):focus-visible{box-shadow:0 0 0 4px var(--lk-lime), 0 0 0 5.5px var(--lk-ink);outline:none}.lk-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lk-hint{opacity:.7;font-size:13px}.lk-sr,.lk-trap{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lk-text-button{color:var(--lk-ink);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:4px 0;font-size:14px;font-weight:800;text-decoration:underline;display:inline-flex}.lk-privacy{opacity:.72;margin:0;font-size:13px;line-height:1.5}.lk-drop{border:1.5px dashed var(--lk-ink);text-align:center;cursor:pointer;transition:background-color .2s ease, transform .25s var(--lk-out);background:#fff9;border-radius:20px;justify-items:center;gap:6px;padding:22px 18px;display:grid;position:relative}.lk-drop:hover{background:#fff;transform:translateY(-2px)}.lk-drop.is-over{background:var(--lk-lime)}.lk-drop.has-file{background:#fff;border-style:solid}.lk-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.lk-drop img{object-fit:contain;max-width:180px;max-height:76px}.lk-drop strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;overflow:hidden}.lk-drop small{opacity:.7;max-width:30rem;font-size:12.5px;line-height:1.45}.lk-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lk-card{border:1.5px solid var(--lk-line);min-width:0;color:var(--lk-ink);font:inherit;text-align:left;cursor:pointer;transition:transform .3s var(--lk-out), background-color .2s ease, border-color .2s ease, box-shadow .3s var(--lk-out);background:#fff;border-radius:24px;align-content:start;gap:6px;padding:20px;display:grid}.lk-card:hover{border-color:var(--lk-ink);transform:translateY(-3px)}.lk-card[aria-pressed=true]{border-color:var(--lk-ink);background:var(--lk-lime);box-shadow:0 6px 0 var(--lk-ink);transform:translateY(-5px)}.lk-card strong{letter-spacing:-.02em;font-size:1.08rem;line-height:1.2}.lk-card small{opacity:.76;font-size:.86rem;line-height:1.4}.lk-card__icon{border:1.5px solid var(--lk-ink);background:#b9f0ee;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:8px;display:grid}.lk-card:nth-child(2) .lk-card__icon{background:#ffc3d5}.lk-card:nth-child(3) .lk-card__icon{background:#bbb5f1}.lk-card:nth-child(4) .lk-card__icon{background:var(--lk-paper)}.lk-card[aria-pressed=true] .lk-card__icon{background:#fff}.lk-cards--style{grid-template-columns:repeat(3,minmax(0,1fr))}.lk-card__sample{letter-spacing:-.03em;margin-bottom:4px;font-size:2.6rem;line-height:1}.lk-card[data-look=strak] .lk-card__sample{font-weight:600}.lk-card[data-look=speels] .lk-card__sample{font-family:var(--font-lk-speels), sans-serif;color:var(--lk-pink);font-weight:700}.lk-card[data-look=luxe] .lk-card__sample{font-family:var(--font-lk-luxe), Georgia, serif;font-style:italic;font-weight:500}.lk-card[data-look=stoer] .lk-card__sample{font-family:var(--font-lk-stoer), Impact, sans-serif;letter-spacing:0;text-transform:uppercase}.lk-card[data-look=warm] .lk-card__sample{font-family:var(--font-lk-warm), Georgia, serif;color:#a2553a;font-weight:600}.lk-card[aria-pressed=true] .lk-card__sample{color:var(--lk-ink)}.lk-cards--palette{grid-template-columns:repeat(4,minmax(0,1fr))}.lk-cards--palette .lk-card{border-radius:20px;padding:14px}.lk-cards--palette .lk-card strong{font-size:.98rem}.lk-card__swatch{border:1.5px solid var(--lk-ink);border-radius:12px;height:40px;margin-bottom:6px;display:flex;overflow:hidden}.lk-card__swatch i{flex:1}.lk-card__swatch[data-kind=eigen]{background:conic-gradient(#fc79a4,#d8ff63,#11c8d5,#605ea7,#fc79a4)}.lk-card__swatch[data-kind=eigen] i{display:none}.lk-chips{flex-wrap:wrap;gap:10px;display:flex}.lk-chip{border:1.5px solid var(--lk-line);min-height:48px;color:var(--lk-ink);font:inherit;cursor:pointer;transition:transform .25s var(--lk-out), background-color .2s ease, border-color .2s ease, color .2s ease;background:#fff;border-radius:99px;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:.98rem;font-weight:700;display:inline-flex}.lk-chip:hover:not(:disabled){border-color:var(--lk-ink);transform:translateY(-2px)}.lk-chip[aria-pressed=true]{border-color:var(--lk-ink);background:var(--lk-ink);color:#fff}.lk-chip[aria-pressed=true] svg{color:var(--lk-lime)}.lk-chip:disabled{opacity:.45;cursor:not-allowed}.lk-chip svg{flex-shrink:0}.lk-error{border:1.5px solid var(--lk-ink);background:#ffd0de;border-radius:14px;margin:20px 0 0;padding:12px 16px;font-size:15px;font-weight:700}.lk-nav{flex-wrap:wrap;align-items:center;gap:12px;margin-top:clamp(26px,3vw,40px);display:flex}.lk-next{border:1.5px solid var(--lk-ink);background:var(--lk-ink);color:#fff;min-height:60px;font:inherit;cursor:pointer;transition:transform .25s var(--lk-out), box-shadow .25s var(--lk-out);border-radius:99px;justify-content:center;align-items:center;gap:14px;padding:0 28px;font-size:1rem;font-weight:800;display:inline-flex}.lk-next:hover:not(:disabled){box-shadow:0 6px 0 var(--lk-pink);transform:translateY(-3px)}.lk-next:disabled{opacity:.6;cursor:progress}.lk-next svg{transition:transform .25s var(--lk-out)}.lk-next:hover:not(:disabled) svg{transform:translate(4px)}.lk-back{min-height:60px;color:var(--lk-ink);font:inherit;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:99px;align-items:center;gap:8px;padding:0 20px;font-weight:800;display:inline-flex}.lk-back:hover:not(:disabled){border-color:var(--lk-ink)}.lk-stage{min-width:0;position:sticky;top:calc(5.4rem + 30px)}.lk-tape{z-index:2;background:var(--lk-lime);color:var(--lk-ink);letter-spacing:-.01em;text-transform:uppercase;margin:0 0 -12px 18px;padding:8px 14px 7px;font-size:13px;font-weight:900;display:inline-block;position:relative;rotate:-3deg}.lk-tape i{font-style:normal;display:inline-block}.lk-note{opacity:.65;margin:16px 6px 0;font-size:12.5px}.lk-done{padding-top:clamp(28px,5vw,70px);position:relative}.lk-done h1{margin-top:18px}.lk-code{border:1.5px solid var(--lk-ink);background:var(--lk-lime);box-shadow:0 6px 0 var(--lk-ink);border-radius:22px;gap:4px;margin:28px 0 0;padding:18px 24px;display:inline-grid}.lk-code span{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.lk-code strong{font-family:var(--font-geist-mono), monospace;letter-spacing:.02em;font-size:clamp(1.6rem,3vw,2.4rem)}.lk-done .lk-next{text-decoration:none}.lk-done .lk-back{text-underline-offset:4px;text-decoration:underline}.lk-burst{pointer-events:none;width:0;height:0;position:absolute;top:90px;left:110px}.lk-burst i{background:var(--lk-pink);opacity:0;width:14px;height:14px;margin:-7px;position:absolute}.lk-burst i:nth-child(4n+1){background:var(--lk-lime);border:1.5px solid var(--lk-ink)}.lk-burst i:nth-child(4n+2){background:var(--lk-cyan);border-radius:50%}.lk-burst i:nth-child(4n+3){background:var(--lk-ink);width:22px;height:7px}@media (max-width:900px){.lk-shell{grid-template-columns:minmax(0,1fr);gap:0;width:min(100% - 32px,1440px);padding-top:0}.lk-stage{z-index:6;border-bottom:1px solid var(--lk-line);background:var(--lk-paper);order:-1;margin-inline:-16px;padding:12px 16px 10px;top:4.5rem}.lk-stage .lkm{width:min(64%,300px);margin-inline:auto;box-shadow:0 12px 30px #251d5c29}.lk-tape{margin:0;padding:5px 9px 4px;font-size:10px;position:absolute;top:4px;left:10px}.lk-note{display:none}.lk-panel{max-width:none;padding-top:20px}.lk-cards--style,.lk-cards--palette{grid-template-columns:repeat(2,minmax(0,1fr))}.lk-burst{top:70px;left:60px}}@media (max-width:560px){.lk-eyebrow{letter-spacing:.1em;font-size:10px}.lk-card{border-radius:20px;padding:15px}.lk-card__icon{width:40px;height:40px;margin-bottom:4px}.lk-card__sample{font-size:2.1rem}.lk-pair{grid-template-columns:minmax(0,1fr)}.lk-next{flex:100%}.lk-back{min-height:48px}}@media (prefers-reduced-motion:no-preference){.lk-step>*{animation:lk-in .65s var(--lk-out) backwards}.lk-step[data-direction=back]>*{animation-name:lk-in-back}.lk-step>:nth-child(2){animation-delay:50ms}.lk-step>:nth-child(3){animation-delay:.1s}.lk-step>:nth-child(4){animation-delay:.15s}.lk-step>:nth-child(n+5){animation-delay:.2s}.lk-fields :is(.lk-cards,.lk-chips)>*{animation:lk-pop .55s var(--lk-spring) backwards;animation-delay:calc(.16s + var(--o,0) * 38ms)}.lk-fields :is(.lk-cards,.lk-chips)>:nth-child(2){--o:1}.lk-fields :is(.lk-cards,.lk-chips)>:nth-child(3){--o:2}.lk-fields :is(.lk-cards,.lk-chips)>:nth-child(4){--o:3}.lk-fields :is(.lk-cards,.lk-chips)>:nth-child(5){--o:4}.lk-fields :is(.lk-cards,.lk-chips)>:nth-child(6){--o:5}.lk-fields :is(.lk-cards,.lk-chips)>:nth-child(7){--o:6}.lk-fields :is(.lk-cards,.lk-chips)>:nth-child(8){--o:7}.lk-fields :is(.lk-cards,.lk-chips)>:nth-child(9){--o:8}.lk-fields :is(.lk-cards,.lk-chips)>:nth-child(10){--o:9}.lk-fields :is(.lk-cards,.lk-chips)>:nth-child(n+11){--o:10}.lk-field--reveal{animation:lk-in .5s var(--lk-out) backwards}.lk-error{animation:.4s lk-shake}.lk-tape i{animation:9s linear infinite lk-spin}.lk-stage .lkm{animation:7s ease-in-out infinite lk-float}.lk-burst i{animation:lk-burst 1.5s var(--lk-out) calc(.12s + var(--n) * 12ms) both}.lk-code{animation:lk-pop .7s var(--lk-spring) .35s backwards}@keyframes lk-in{0%{opacity:0;transform:translate(34px)}}@keyframes lk-in-back{0%{opacity:0;transform:translate(-34px)}}@keyframes lk-pop{0%{opacity:0;scale:.8}}@keyframes lk-shake{25%{transform:translate(-6px)}60%{transform:translate(5px)}85%{transform:translate(-2px)}}@keyframes lk-spin{to{transform:rotate(360deg)}}@keyframes lk-float{50%{transform:translateY(-9px)rotate(-.6deg)}}@keyframes lk-burst{0%{opacity:1;transform:rotate(calc(var(--n) * 137.5deg)) translateX(0) rotate(0deg) scale(.4)}70%{opacity:1}to{opacity:0;transform:rotate(calc(var(--n) * 137.5deg)) translateX(calc(120px + var(--n) * 8px)) rotate(calc(var(--n) * 47deg)) scale(1)}}}@media (prefers-reduced-motion:no-preference) and (max-width:900px){.lk-stage .lkm{animation:none}}
