:root{color-scheme:light;--color-bg:#fbfbfa;--color-ink:#0a0a0a;--color-muted:#54524b;--color-soft:#85837a;--color-line:#e6e5e1;--color-panel:#eeede9;--color-white:#fff;--font-sans:"Hanken Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Space Grotesk", var(--font-sans);--shell:1120px;--shell-narrow:760px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{border:0}.page{background:var(--color-bg);min-height:100vh}.shell,.shell-narrow{width:min(100%, var(--shell));margin:0 auto;padding-inline:40px}.shell-narrow{width:min(100%, var(--shell-narrow))}.button{border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:15px 30px;font-size:16px;font-weight:700;line-height:1;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--small{min-height:36px;padding:9px 18px;font-size:14.5px}.button--primary{background:var(--color-ink);color:var(--color-white)}.button--secondary{color:var(--color-ink);background:0 0;border:1.5px solid #d6d4cc}.button--secondary:hover{border-color:var(--color-ink)}.button--inverse{background:var(--color-white);color:var(--color-ink)}.logo{color:currentColor;align-items:center;gap:9px;line-height:1;display:inline-flex}.logo__mark{flex:none;display:block;overflow:visible}.logo__mark--animated .logo__line{stroke-dasharray:16;animation:3s ease-in-out infinite karya-connect}.logo__mark--animated .logo__line--two{animation-delay:.35s}.logo__wordmark{font-size:20px;font-weight:800}@keyframes karya-connect{0%{stroke-dashoffset:16px}30%,78%{stroke-dashoffset:0}to{stroke-dashoffset:16px}}.site-header{z-index:2;position:relative}.nav{justify-content:space-between;align-items:center;gap:24px;padding-block:24px;display:flex}.nav__brand{color:var(--color-ink);display:inline-flex}.nav__links{color:#3a382f;align-items:center;gap:34px;font-size:14.5px;font-weight:600;display:flex}.nav__links>a:not(.button):hover{color:var(--color-ink)}.hero{text-align:center;padding-top:78px;padding-bottom:30px}.hero__mark{justify-content:center;margin-bottom:28px;display:flex}.hero h1{margin:0 0 22px;font-size:clamp(44px,8vw,62px);font-weight:800;line-height:1.02}.hero p{max-width:610px;color:var(--color-muted);margin:0 auto 34px;font-size:19px;line-height:1.6}.hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.how{padding-top:88px;padding-bottom:88px}.how h2,.faq h2,.cta h2{margin:0;font-weight:800;line-height:1.1}.how h2{text-align:center;margin-bottom:8px;font-size:38px}.section-subhead{color:var(--color-soft);text-align:center;margin:0 0 52px;font-size:16px;line-height:1.5}.audience-toggle{justify-content:center;gap:2px;margin-bottom:26px;display:flex}.audience-toggle:before{content:"";display:none}.audience-toggle__button{cursor:pointer;color:var(--color-soft);background:0 0;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;line-height:1.2}.audience-toggle{background:var(--color-panel);border-radius:999px;width:fit-content;margin-inline:auto;padding:4px}.audience-toggle__button.is-active{background:var(--color-ink);color:var(--color-white)}.steps{gap:0;margin:0;padding:0 0 0 66px;list-style:none;display:grid;position:relative}.steps__item{padding-bottom:40px;position:relative}.steps__item:not(:last-child):after{content:"";background:#e0ded8;width:2px;position:absolute;top:36px;bottom:0;left:-48px}.steps__number{background:var(--color-ink);width:38px;height:38px;color:var(--color-white);font-family:var(--font-mono);border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;top:-2px;left:-66px}.steps__content h3{margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.25}.steps__content p,.process-closer p,.faq__answer{color:var(--color-muted);font-size:15.5px;line-height:1.6}.steps__content p{margin:0}.process-closer{text-align:center;padding-top:24px}.process-closer h3{margin:0 0 10px;font-size:20px;font-weight:700;line-height:1.25}.process-closer p{max-width:520px;margin:0 auto}.faq{padding-top:8px;padding-bottom:88px}.faq h2{margin-bottom:30px;font-size:32px}.faq__list{border-bottom:1px solid var(--color-line)}.faq__item{border-top:1px solid var(--color-line)}.faq__item h3{margin:0}.faq__button{cursor:pointer;width:100%;color:var(--color-ink);text-align:left;background:0 0;justify-content:space-between;align-items:baseline;gap:24px;padding:22px 0;display:flex}.faq__button span:first-child{font-size:18px;font-weight:700;line-height:1.25}.faq__icon{color:#b6b4aa;text-align:center;flex:none;width:18px;font-size:22px;line-height:1}.faq__answer{max-width:640px;margin:-8px 0 22px}.cta{padding-bottom:96px}.cta__card{background:var(--color-ink);color:var(--color-white);text-align:center;border-radius:18px;padding:72px 40px}.cta h2{margin-bottom:14px;font-size:42px}.cta__card>p{color:#b9b8b2;max-width:700px;margin:0 auto 30px;font-size:17px;line-height:1.6}.cta__hiring{color:#8d8c86;justify-content:center;align-items:baseline;gap:4px;margin-top:24px;font-size:14.5px;display:flex}.cta__hiring a{color:var(--color-white);text-underline-offset:3px;text-decoration:underline}.footer{border-top:1px solid var(--color-line)}.footer__inner{color:var(--color-soft);justify-content:space-between;align-items:center;gap:12px;padding-block:26px;font-size:13.5px;display:flex}.footer__brand{color:var(--color-ink)}.footer .logo__wordmark{font-size:14px}.footer p{margin:0}[hidden]{display:none!important}@media (width<=720px){.shell,.shell-narrow{padding-inline:22px}.nav{align-items:flex-start;padding-block:20px}.nav__links{gap:14px;font-size:13.5px}.nav__links>a:not(.button){display:none}.hero{padding-top:54px;padding-bottom:12px}.hero__mark .logo__mark{width:92px;height:92px}.hero p{font-size:17px}.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .button{width:100%}.how{padding-top:72px;padding-bottom:72px}.section-subhead{margin-bottom:42px}.steps{padding-left:56px}.steps__number{left:-56px}.steps__item:not(:last-child):after{left:-38px}.faq,.cta{padding-bottom:72px}.cta__card{border-radius:14px;padding:54px 24px}.footer__inner{flex-direction:column;align-items:flex-start}}@media (width<=420px){.nav__links{gap:10px}.button--small{padding-inline:14px}.audience-toggle{width:100%}.audience-toggle__button{flex:1;padding-inline:10px}}
