.kar-hero{padding:144px 0 96px}.kar-stage{position:relative;isolation:isolate;width:100%;max-width:880px}.kar-atmo{position:absolute;z-index:-1;inset:-40px -30px -130px;pointer-events:none}.kar-tilt{position:relative;transform:perspective(1600px) rotateX(calc(var(--fx-tilt,0deg) + var(--fx-y,0deg))) rotateY(var(--fx-x,0deg));transition:transform .35s ease-out}.kar-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;margin:0;padding:0;list-style:none}.kar-figure{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px;border-radius:8px;text-align:center;background:#ffffff05;box-shadow:0 0 0 1px #ffffff0f,0 -1px #ffffff1a}.kar-figure-val{font:500 36px/42px var(--font);color:#fff}.kar-figure-label{font:400 14px/20px var(--font);color:var(--muted)}.kar-blueprint,.kar-scan{display:none;position:absolute;pointer-events:none}.kar-blueprint{inset:0;z-index:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;color:#df668744;background:linear-gradient(#e52d5510 1px,transparent 1px),linear-gradient(90deg,#e52d5510 1px,transparent 1px);background-size:24px 24px}.kar-blueprint i{display:flex;flex-direction:column;align-items:center;gap:6px;padding:27px;border:1px solid #ec6d8e55;border-radius:8px}.kar-blueprint b{flex:none;width:64px;height:42px;border:1px solid #ec6d8e55;border-radius:4px}.kar-blueprint u{flex:none;width:60%;height:20px;border:1px solid #ec6d8e55;border-radius:4px}.kar-scan{z-index:5;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ff89ac 20%,#ffe6ef 50%,#ff89ac 80%,transparent);box-shadow:0 0 20px 5px #f3276650}.kar-stage.is-waiting .kar-blueprint{display:grid}.kar-stage.is-waiting .kar-figures{clip-path:inset(-2px -2px 100% -2px)}.kar-stage.is-building .kar-blueprint{display:grid;animation:fx-blueprint-out 2.2s .8s both}.kar-stage.is-building .kar-scan{display:block;animation:f2-care-scan-down 2.2s .8s both}.kar-stage.is-building .kar-figures{animation:kar-figures-in 2.2s .8s both}@keyframes kar-figures-in{0%,8%{clip-path:inset(-2px -2px 100% -2px)}to{clip-path:inset(-2px)}}.kar-roles{display:flex;flex-direction:column;gap:16px;width:100%}.kar-role{position:relative;z-index:0;display:flex;flex-direction:row;align-items:stretch;gap:8px;padding:8px;border-radius:8px;overflow:hidden;background:#040102a3;box-shadow:0 0 0 1px #ffffff0f,0 -1px #ffffff1a}.kar-role-main{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:24px}.kar-role-top{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.kar-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font:500 12px/16px var(--font);color:#ff8aa0;background:#f23f5d1f;white-space:nowrap}.kar-role-title{margin:0;font:500 24px/32px var(--font);color:#fff}.kar-role:after{content:"";position:absolute;inset:0;border-radius:8px;box-shadow:inset 0 0 0 1px #fca4ae33;opacity:0;transition:opacity .3s ease;pointer-events:none}.kar-role:hover:after{opacity:1}.kar-role-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#9c8d9224,#04010200 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.kar-role:hover .kar-role-bg{opacity:1}.kar-role-link{color:inherit;text-decoration:none}.kar-role-link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:8px}.kar-role-link:focus-visible{outline:none}.kar-role-link:focus-visible:after{outline:2px solid var(--red);outline-offset:-2px}.kar-role-desc{margin:0;max-width:640px;font:400 15px/24px var(--font);color:var(--muted)}.kar-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.kar-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:16px;background:#ffffff0f;font-family:var(--font-inter);font-size:14px;line-height:20px;font-weight:400;color:#fff;white-space:nowrap}.kar-chip svg{flex:none;width:16px;height:16px;fill:#ffffff8c}.kar-role-side{position:relative;flex:0 0 304px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:24px;border-radius:8px;background:#ffffff08;box-shadow:0 0 0 1px #040102,inset 0 0 0 1px #ffffff0f}.kar-role-pay{display:flex;flex-direction:column;gap:4px}.kar-role-pay-label{margin:0;font-size:14px;line-height:20px;font-weight:500;color:#fff}.kar-role-pay-val{margin:8px 0 0;font:500 36px/42px var(--font);color:#fff}.kar-role-pay-sub{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#fff6}.kar-role-go{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding-top:20px;border-top:1px solid var(--line)}.kar-role-go-label{font-size:16px;line-height:24px;font-weight:500;color:#fff}.kar-role-arrow{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid transparent;background:linear-gradient(180deg,#2f292b,#040102) padding-box,linear-gradient(225deg,#695e62,#040102) border-box;transition:background .3s ease,box-shadow .3s ease}.kar-role-arrow svg{display:block;width:16px;height:16px;fill:#ffffffbf;transition:transform .3s ease,fill .3s ease}.kar-role:hover .kar-role-arrow{background:linear-gradient(192deg,#f23f5d,#bc123c 76.011%) padding-box,linear-gradient(225deg,#fca4ae99,#bc123c66) border-box;box-shadow:0 0 24px #df1d4859}.kar-role:hover .kar-role-arrow svg{fill:#fff;transform:translate(2px)}@media (prefers-reduced-motion:reduce){.kar-tilt{transform:none!important;transition:none}.kar-blueprint,.kar-scan{display:none!important}.kar-stage.is-building .kar-figures{animation:none!important}.kar-role:after,.kar-role-bg,.kar-role-arrow,.kar-role-arrow svg{transition:none}}@media (max-width:1180px){.kar-atmo{inset:-40px 5px -130px;overflow:hidden}}@media (max-width:980px){.kar-role{flex-direction:column}.kar-role-side{flex:none}}@media (max-width:809px){.kar-hero{padding:88px 0 56px}.kar-figures{grid-template-columns:1fr;gap:12px}.kar-figure{flex-direction:row;justify-content:flex-start;gap:16px;padding:16px 20px;text-align:left}.kar-figure-val{flex:none;min-width:72px;font-size:28px;line-height:36px}.kar-atmo{inset:-40px 0}.kar-tilt{transform:none!important}.kar-blueprint{grid-template-columns:1fr;gap:12px}.kar-blueprint i{flex-direction:row;justify-content:flex-start;gap:16px;padding:15px 19px}.kar-blueprint b{width:72px;height:36px}.kar-blueprint u{width:50%}.kar-role-main,.kar-role-side{padding:20px 16px;gap:20px}.kar-role-title{font-size:22px;line-height:28px}.kar-chip{white-space:normal}}