/* kp-orange-help.v1.css: generated from Help.dc.html by convert.py. Do not edit by hand; edit src/ and regenerate. */
body.ko-body-help{margin:0;background:#0B0B0C;color:#EFE9DF;font-family:"Hanken Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.ko-help .ko-d a{color:#FF5A1F;text-decoration:none}
.ko-help .ko-d a:hover{color:#FF8A5C}
.ko-help .ko-d *{box-sizing:border-box}
.ko-help .ko-d ::selection{background:#FF5A1F;color:#0B0B0C}
.ko-help .ko-d .disp{font-family:"Big Shoulders Display","Oswald",Impact,sans-serif;text-transform:uppercase;letter-spacing:-0.01em}
.ko-help .ko-d .serif{font-family:"Instrument Serif",Georgia,serif}
.ko-help .ko-d .label{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.ko-help .ko-d :focus-visible{outline:3px solid #FF5A1F;outline-offset:4px;border-radius:2px}
.ko-help .ko-d .navlink{color:#EFE9DF;font-size:14px;font-weight:500;padding:12px 4px;cursor:pointer}
.ko-help .ko-d .navlink:hover{color:#FF5A1F}
.ko-help .ko-d .big{display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:28px;border-radius:8px;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),background .2s}
.ko-help .ko-d .big:hover{transform:translateY(-4px)}
.ko-help .ko-d .big.o{background:#FF5A1F;color:#0B0B0C}
.ko-help .ko-d .big.o:hover{background:#FF7A45;color:#0B0B0C}
.ko-help .ko-d .big.k{background:#EFE9DF;color:#0B0B0C}
.ko-help .ko-d .big.k:hover{background:#FFFDF8;color:#0B0B0C}
.ko-help .ko-d .big.l{border:1.5px solid rgba(239,233,223,.35);color:#EFE9DF}
.ko-help .ko-d .big.l:hover{border-color:#EFE9DF;color:#EFE9DF}
.ko-help .ko-d .group{display:grid;grid-template-columns:360px minmax(0,1fr);gap:64px;padding:72px 0;border-top:1px solid rgba(23,22,26,.16)}
.ko-help .ko-d .res{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ko-help .ko-d .card{padding:26px 28px;border-radius:8px;background:#FFFDF8;border:1px solid rgba(23,22,26,.1)}
.ko-help .ko-d .card h3{margin:0 0 6px;font-size:21px;font-weight:700;color:#17161A}
.ko-help .ko-d .card p{margin:0 0 14px;font-size:16px;line-height:1.55;color:#4A4640}
.ko-help .ko-d .how{display:flex;flex-direction:column;gap:6px;font-size:17px;font-weight:600;color:#17161A}
.ko-help .ko-d .how a{color:#B83A0A;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:32px}
.ko-help .ko-d .how a:hover{color:#8F2C06}
.ko-help .ko-d .step{padding:28px 0;border-top:1px solid rgba(239,233,223,.16);display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px}
@keyframes fadeUp{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.ko-help .ko-d .fade{animation:fadeUp 1s cubic-bezier(.16,1,.3,1) both}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,90,31,.55)}70%{box-shadow:0 0 0 18px rgba(255,90,31,0)}}
.ko-help .ko-d .pulse{animation:pulse 2.4s ease-out infinite}
@supports (animation-timeline: view()){.ko-help .ko-d .upin{animation:upIn linear both;animation-timeline:view();animation-range:entry 0% cover 25%}}
@keyframes upIn{from{transform:translateY(50px);opacity:0}}
@media (prefers-reduced-motion: reduce){.ko-help .ko-d *,.ko-help .ko-d *::before,.ko-help .ko-d *::after{animation:none!important;transition:none!important}}
@media (max-width: 899px){body.ko-body-help{margin:0;background:#0B0B0C;color:#EFE9DF;font-family:"Hanken Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.ko-help .ko-m a{color:#FF5A1F;text-decoration:none}
.ko-help .ko-m a:hover{color:#FF8A5C}
.ko-help .ko-m *{box-sizing:border-box}
.ko-help .ko-m ::selection{background:#FF5A1F;color:#0B0B0C}
.ko-help .ko-m .disp{font-family:"Big Shoulders Display","Oswald",Impact,sans-serif;text-transform:uppercase;letter-spacing:-0.01em}
.ko-help .ko-m .serif{font-family:"Instrument Serif",Georgia,serif}
.ko-help .ko-m .label{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.ko-help .ko-m :focus-visible{outline:3px solid #FF5A1F;outline-offset:3px}
.ko-help .ko-m .btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;background:#FF5A1F;color:#0B0B0C;font-weight:700;font-size:16px;cursor:pointer}
.ko-help .ko-m .btn:hover{color:#0B0B0C;background:#FF7A45}
.ko-help .ko-m .ghost{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;border:1.5px solid rgba(239,233,223,.35);color:#EFE9DF;font-weight:600;font-size:16px;cursor:pointer}
.ko-help .ko-m .ghost:hover{color:#0B0B0C;background:#EFE9DF}
.ko-help .ko-m .iconbtn{width:48px;height:48px;border-radius:50%;border:0;background:#EFE9DF;color:#0B0B0C;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ko-help .ko-m .helppill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid #FF5A1F;color:#EFE9DF;font-weight:700;font-size:13px;cursor:pointer}
.ko-help .ko-m .helppill:hover{background:#FF5A1F;color:#0B0B0C}
@keyframes fadeUp{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
.ko-help .ko-m .fade{animation:fadeUp 1s cubic-bezier(.16,1,.3,1) both}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,90,31,.55)}70%{box-shadow:0 0 0 14px rgba(255,90,31,0)}}
.ko-help .ko-m .pulse{animation:pulse 2.4s ease-out infinite}
.ko-help .ko-m .big{display:flex;flex-direction:column;justify-content:space-between;min-height:108px;padding:22px;border-radius:8px;cursor:pointer}
.ko-help .ko-m .big.o{background:#FF5A1F;color:#0B0B0C}
.ko-help .ko-m .big.k{background:#EFE9DF;color:#0B0B0C}
.ko-help .ko-m .big.l{border:1.5px solid rgba(239,233,223,.35);color:#EFE9DF}
.ko-help .ko-m .card{padding:22px 22px;border-radius:8px;background:#FFFDF8;border:1px solid rgba(23,22,26,.1)}
.ko-help .ko-m .card h3{margin:0 0 6px;font-size:19px;font-weight:700;color:#17161A}
.ko-help .ko-m .card p{margin:0 0 12px;font-size:15px;line-height:1.5;color:#4A4640}
.ko-help .ko-m .how{display:flex;flex-direction:column;gap:6px;font-size:16px;font-weight:600;color:#17161A}
.ko-help .ko-m .how a{color:#B83A0A;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:32px}
.ko-help .ko-m .how a:hover{color:#8F2C06}
.ko-help .ko-m .group{padding:40px 0;border-top:1px solid rgba(23,22,26,.16)}
.ko-help .ko-m .groupd{padding:40px 0;border-top:1px solid rgba(239,233,223,.16)}
.ko-help .ko-m .res{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.ko-help .ko-m .step{padding:22px 0;border-top:1px solid rgba(239,233,223,.16)}
@supports (animation-timeline: view()){.ko-help .ko-m .upin{animation:upIn linear both;animation-timeline:view();animation-range:entry 0% cover 25%}}
@keyframes upIn{from{transform:translateY(40px);opacity:0}}
@media (prefers-reduced-motion: reduce){.ko-help .ko-m *,.ko-help .ko-m *::before,.ko-help .ko-m *::after{animation:none!important;transition:none!important}}}
.ko-help .ko-m{display:none}@media (max-width: 899px){.ko-help .ko-d{display:none}.ko-help .ko-m{display:block}}
@media (min-width: 900px) and (max-width: 1279px){.ko-help .ko-root{zoom:calc(100vw / 1280px)}}@supports not (zoom: calc(100vw / 1280px)){@media (min-width: 900px) and (max-width: 1279px){.ko-help .ko-root{zoom:.85}}}